PageSpeed Insights logo
PageSpeed Insights
PageSpeed Insights
Ce site utilise des cookies de Google pour fournir ses services et analyser le trafic.
Découvrez l'expérience de vos utilisateurs
Aucune donnée
Analysez les problèmes de performances
72
Performances
84
Accessibilité
92
Bonnes pratiques
78
SEO
72
Performances
84
Accessibilité
92
Bonnes pratiques
78
SEO
72
Performances
Les valeurs sont estimées et peuvent varier. Le calcul du score lié aux performances repose directement sur ces statistiques.Affichez la calculatrice.
0–49 50–89 90–100
Final Screenshot
Statistiques
First Contentful Paint
1,9 s
La statistique "First Contentful Paint" indique le moment où le premier texte ou la première image sont affichés. En savoir plus
Time to Interactive
2,3 s
La valeur "Time to Interactive" correspond au temps nécessaire pour que la page devienne entièrement interactive. En savoir plus
Speed Index
1,9 s
La valeur "Speed Index" indique la rapidité avec laquelle le contenu d'une page est disponible. En savoir plus
Total Blocking Time
50 ms
Somme en millisecondes de toutes les périodes entre le First Contentful Paint et le Time to Interactive, lorsque la durée de la tâche a dépassé 50 ms. En savoir plus
Largest Contentful Paint
6,2 s
La statistique "Largest Contentful Paint" indique le moment où le texte le plus long ou l'image la plus grande sont affichés. En savoir plus
Cumulative Layout Shift
0,176
Cumulative Layout Shift mesure le mouvement des éléments visibles dans la fenêtre d'affichage. En savoir plus
  • Captured at 2 févr. 2023, 00:50 UTC−5
  • Émulation (Moto G4) with Lighthouse 9.6.6
    Puissance processeur/mémoire: 836 Limitation du processeur: 4x slowdown (Simulated) Version d'axe: 4.4.1
  • Chargement de page unique
    Ces données proviennent d'un seul chargement de page, contrairement aux données de champ qui résument plusieurs sessions.
  • Chargement de page initial
  • Connexion 4G lente
    Limitation de bande passante réseau: 150 ms TCP RTT, 1 638,4 Kbps throughput (Simulated) Position du navigateur : Amérique du Nord
  • Using HeadlessChromium 109.0.5414.101 with lr
    User-agent (réseau): "Mozilla/5.0 (Linux; Android 7.0; Moto G (4)) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/98.0.4695.0 Mobile Safari/537.36 Chrome-Lighthouse"
Screenshot
Screenshot
Screenshot
Screenshot
Screenshot
Screenshot
Screenshot
Screenshot
Screenshot
Screenshot
Afficher les audits pertinents pour :
Opportunités
Opportunité
Estimation des économies
Diffusez des images aux formats nouvelle génération
14,85 s
Les formats d'image comme WebP et AVIF proposent souvent une meilleure compression que PNG et JPEG. Par conséquent, les téléchargements sont plus rapides et la consommation de données est réduite. En savoir plus
URL
Taille de la ressource
Économies potentielles
Nous souhaitons aider les entreprises de la région Lyonnaise à se développer et…
<div class="bloc tc-white bgc-atomic-tangerine bg-presentation d-bloc bloc-bg-texture …" id="bloc-3-what-i-do">
…img/image-de-presentation.bmp
(vjeanty02.github.io)
2 101,9 KiB
1 764,4 KiB
Prêt pour redonner vie à votre projet ? Contactez notre équipe ! CONTACT
<div class="bloc bgc-dark-slate-blue bg-banniere d-bloc bloc-bg-texture texture-paper" id="bloc-5-cta">
…img/agence-la-panthere.jpg
(vjeanty02.github.io)
600,3 KiB
516,4 KiB
paris web design logo agence web meilleure agence, Création d'un site web pour …
<img src="img/4.bmp" class="img-responsive portfolio-thumb" alt="paris web design logo agence web meilleure agence, Création d'un site web …">
…img/4.bmp
(vjeanty02.github.io)
219,8 KiB
200,6 KiB
paris web design logo agence web meilleure agence et refonte site web journal
<img src="img/1.jpg" alt="paris web design logo agence web meilleure agence et refonte site web jour…" class="img-responsive portfolio-thumb">
…img/1.jpg
(vjeanty02.github.io)
266,5 KiB
167,9 KiB
paris web design logo agence web meilleure agence, Création d'un site web pour …
<img src="img/3.bmp" class="img-responsive portfolio-thumb" alt="paris web design logo agence web meilleure agence, Création d'un site web …">
…img/3.bmp
(vjeanty02.github.io)
167,1 KiB
152,3 KiB
…img/texture-paper.png
(vjeanty02.github.io)
93,9 KiB
66,5 KiB
paris web design logo agence web meilleure agence, Création d'un site web pour …
<img src="img/2.jpg" class="img-responsive portfolio-thumb" alt="paris web design logo agence web meilleure agence, Création d'un site web …">
…img/2.jpg
(vjeanty02.github.io)
106,7 KiB
62,9 KiB
Agence La Panthère, agence web paris, création logo paris
<img src="img/logo.png" class="center-block image-resize-mode" width="100" alt="Agence La Panthère, agence web paris, création logo paris">
…img/logo.png
(vjeanty02.github.io)
35,6 KiB
19,1 KiB
agence web, agence web paris, web design paris, stratégie web
<img alt="agence web, agence web paris, web design paris, stratégie web" src="img/citation.png">
…img/citation.png
(vjeanty02.github.io)
27,9 KiB
15,2 KiB
Encodez les images de manière efficace
11,7 s
Les images optimisées se chargent plus rapidement et consomment moins de données mobiles. En savoir plus
URL
Taille de la ressource
Économies potentielles
Nous souhaitons aider les entreprises de la région Lyonnaise à se développer et…
<div class="bloc tc-white bgc-atomic-tangerine bg-presentation d-bloc bloc-bg-texture …" id="bloc-3-what-i-do">
…img/image-de-presentation.bmp
(vjeanty02.github.io)
2 101,9 KiB
1 595,7 KiB
Prêt pour redonner vie à votre projet ? Contactez notre équipe ! CONTACT
<div class="bloc bgc-dark-slate-blue bg-banniere d-bloc bloc-bg-texture texture-paper" id="bloc-5-cta">
…img/agence-la-panthere.jpg
(vjeanty02.github.io)
600,3 KiB
388,1 KiB
paris web design logo agence web meilleure agence, Création d'un site web pour …
<img src="img/4.bmp" class="img-responsive portfolio-thumb" alt="paris web design logo agence web meilleure agence, Création d'un site web …">
…img/4.bmp
(vjeanty02.github.io)
219,8 KiB
182,9 KiB
paris web design logo agence web meilleure agence, Création d'un site web pour …
<img src="img/3.bmp" class="img-responsive portfolio-thumb" alt="paris web design logo agence web meilleure agence, Création d'un site web …">
…img/3.bmp
(vjeanty02.github.io)
167,1 KiB
134,6 KiB
paris web design logo agence web meilleure agence et refonte site web journal
<img src="img/1.jpg" alt="paris web design logo agence web meilleure agence et refonte site web jour…" class="img-responsive portfolio-thumb">
…img/1.jpg
(vjeanty02.github.io)
266,5 KiB
33,8 KiB
paris web design logo agence web meilleure agence, Création d'un site web pour …
<img src="img/2.jpg" class="img-responsive portfolio-thumb" alt="paris web design logo agence web meilleure agence, Création d'un site web …">
…img/2.jpg
(vjeanty02.github.io)
106,7 KiB
14,1 KiB
Éliminez les ressources qui bloquent le rendu
0,97 s
Des ressources bloquent la première visualisation (first paint) de votre page. Envisagez de diffuser des feuilles JS/CSS essentielles en ligne et de différer la diffusion de toutes les feuilles JS/de style non essentielles. En savoir plusFCPLCP
URL
Taille de transfert
Économies potentielles
…css/bootstrap.css
(vjeanty02.github.io)
22,2 KiB
300 ms
…js/jquery-2.1.0.js
(vjeanty02.github.io)
35,5 KiB
150 ms
…js/bootstrap.js
(vjeanty02.github.io)
11,6 KiB
150 ms
…js/blocs.js
(vjeanty02.github.io)
3,8 KiB
150 ms
Dimensionnez correctement les images
0,45 s
Diffusez des images de taille appropriée afin d'économiser des données mobiles et de réduire le temps de chargement. En savoir plus
URL
Taille de la ressource
Économies potentielles
paris web design logo agence web meilleure agence et refonte site web journal
<img src="img/1.jpg" alt="paris web design logo agence web meilleure agence et refonte site web jour…" class="img-responsive portfolio-thumb">
…img/1.jpg
(vjeanty02.github.io)
266,5 KiB
67,7 KiB
Agence La Panthère, agence web paris, création logo paris
<img src="img/logo.png" class="center-block image-resize-mode" width="100" alt="Agence La Panthère, agence web paris, création logo paris">
…img/logo.png
(vjeanty02.github.io)
35,6 KiB
27,0 KiB
Réduisez la taille des ressources JavaScript
0,3 s
La minimisation des fichiers JavaScript peut réduire la taille des charges utiles et la durée d'analyse des scripts. En savoir plusFCPLCP
URL
Taille de transfert
Économies potentielles
…js/jquery-2.1.0.js
(vjeanty02.github.io)
35,5 KiB
14,6 KiB
…js/gmaps.js
(vjeanty02.github.io)
14,9 KiB
4,6 KiB
…js/bootstrap.js
(vjeanty02.github.io)
11,6 KiB
3,2 KiB
Réduisez les ressources CSS inutilisées
0,15 s
Réduisez les règles inutilisées des feuilles de style et différez les ressources CSS non utilisées pour le contenu au-dessus de la ligne de flottaison afin de réduire la quantité d'octets consommés par l'activité réseau. En savoir plusFCPLCP
URL
Taille de transfert
Économies potentielles
…css/bootstrap.css
(vjeanty02.github.io)
22,2 KiB
21,4 KiB
Réduisez les ressources JavaScript inutilisées
0,15 s
Réduisez les ressources JavaScript inutilisées et différez le chargement des scripts tant qu'ils ne sont pas requis afin de réduire la quantité d'octets consommés par l'activité réseau. En savoir plusLCP
URL
Taille de transfert
Économies potentielles
…js/jquery-2.1.0.js
(vjeanty02.github.io)
35,5 KiB
23,1 KiB
Ces suggestions peuvent contribuer à charger votre page plus rapidement. En revanche, elles n'ont pas d'incidence directe sur le score lié aux performances.
Diagnostic
Diffusez des éléments statiques grâce à des règles de cache efficaces 24 ressources trouvées
Une longue durée de vie du cache peut accélérer les visites répétées sur votre page. En savoir plus
URL
Cache de la valeur TTL
Taille de transfert
…img/image-de-presentation.bmp
(vjeanty02.github.io)
10 m
2 102 KiB
…img/agence-la-panthere.jpg
(vjeanty02.github.io)
10 m
601 KiB
…img/1.jpg
(vjeanty02.github.io)
10 m
267 KiB
…img/4.bmp
(vjeanty02.github.io)
10 m
220 KiB
…img/3.bmp
(vjeanty02.github.io)
10 m
167 KiB
…img/2.jpg
(vjeanty02.github.io)
10 m
107 KiB
…img/texture-paper.png
(vjeanty02.github.io)
10 m
95 KiB
…fonts/fontawesome-webfont.woff2?v=4.7.0
(vjeanty02.github.io)
10 m
76 KiB
…fonts/et-line.woff
(vjeanty02.github.io)
10 m
55 KiB
…img/logo.png
(vjeanty02.github.io)
10 m
36 KiB
…js/jquery-2.1.0.js
(vjeanty02.github.io)
10 m
36 KiB
…img/citation.png
(vjeanty02.github.io)
10 m
29 KiB
…css/bootstrap.css
(vjeanty02.github.io)
10 m
22 KiB
…js/gmaps.js
(vjeanty02.github.io)
10 m
15 KiB
…img/title.png
(vjeanty02.github.io)
10 m
13 KiB
…js/bootstrap.js
(vjeanty02.github.io)
10 m
12 KiB
…img/agence-la-panthere-monochrome.svg
(vjeanty02.github.io)
10 m
10 KiB
…img/title2.png
(vjeanty02.github.io)
10 m
8 KiB
…css/font-awesome.css
(vjeanty02.github.io)
10 m
8 KiB
…js/jquery.touchSwipe.js
(vjeanty02.github.io)
10 m
6 KiB
/Starting-website-2/style.css
(vjeanty02.github.io)
10 m
5 KiB
…js/blocs.js
(vjeanty02.github.io)
10 m
4 KiB
…css/et-line.css
(vjeanty02.github.io)
10 m
2 KiB
…img/lines-h2-bg.png
(vjeanty02.github.io)
10 m
2 KiB
Assurez-vous que le texte reste visible pendant le chargement des polices Web
Utilisez la fonction d'affichage de la police CSS afin que le texte soit visible par l'utilisateur pendant le chargement des polices Web. En savoir plusFCPLCP
URL
Économies potentielles
…fonts/et-line.woff
(vjeanty02.github.io)
40 ms
…fonts/fontawesome-webfont.woff2?v=4.7.0
(vjeanty02.github.io)
50 ms
Les éléments d'image ne possèdent pas de width ni de height explicites
Indiquez une largeur et une hauteur explicites sur les éléments d'image afin de réduire les décalages de mise en page et d'améliorer le CLS. En savoir plusCLS
URL
paris web design logo agence web meilleure agence et refonte site web journal
<img src="img/1.jpg" alt="paris web design logo agence web meilleure agence et refonte site web jour…" class="img-responsive portfolio-thumb">
…img/1.jpg
(vjeanty02.github.io)
paris web design logo agence web meilleure agence, Création d'un site web pour …
<img src="img/2.jpg" class="img-responsive portfolio-thumb" alt="paris web design logo agence web meilleure agence, Création d'un site web …">
…img/2.jpg
(vjeanty02.github.io)
Agence La Panthère, agence web paris, création logo paris
<img src="img/logo.png" class="center-block image-resize-mode" width="100" alt="Agence La Panthère, agence web paris, création logo paris">
…img/logo.png
(vjeanty02.github.io)
paris web design logo agence web meilleure agence, Création d'un site web pour …
<img src="img/3.bmp" class="img-responsive portfolio-thumb" alt="paris web design logo agence web meilleure agence, Création d'un site web …">
…img/3.bmp
(vjeanty02.github.io)
paris web design logo agence web meilleure agence, Création d'un site web pour …
<img src="img/4.bmp" class="img-responsive portfolio-thumb" alt="paris web design logo agence web meilleure agence, Création d'un site web …">
…img/4.bmp
(vjeanty02.github.io)
agence web, agence web paris, web design paris, stratégie web
<img alt="agence web, agence web paris, web design paris, stratégie web" src="img/citation.png">
…img/citation.png
(vjeanty02.github.io)
agence web, agence web paris, web design paris, stratégie web
<img alt="agence web, agence web paris, web design paris, stratégie web" src="img/title.png">
…img/title.png
(vjeanty02.github.io)
agence web, agence web paris, web design paris, stratégie web
<img alt="agence web, agence web paris, web design paris, stratégie web" src="img/title2.png">
…img/title2.png
(vjeanty02.github.io)
paris web design logo agence web meilleure agence
<img src="img/agence-la-panthere-monochrome.svg" alt="paris web design logo agence web meilleure agence" height="40">
…img/agence-la-panthere-monochrome.svg
(vjeanty02.github.io)
Évitez d'énormes charges utiles de réseau La taille totale était de 3 900 Kio
Les charges utiles des grands réseaux coûtent de l'argent réel aux utilisateurs et sont fortement corrélées aux délais de chargement interminables. En savoir plusLCP
URL
Taille de transfert
…img/image-de-presentation.bmp
(vjeanty02.github.io)
2 101,9 KiB
…img/agence-la-panthere.jpg
(vjeanty02.github.io)
601,0 KiB
…img/1.jpg
(vjeanty02.github.io)
267,2 KiB
…img/4.bmp
(vjeanty02.github.io)
219,8 KiB
…img/3.bmp
(vjeanty02.github.io)
167,1 KiB
…img/2.jpg
(vjeanty02.github.io)
107,4 KiB
…img/texture-paper.png
(vjeanty02.github.io)
94,6 KiB
…fonts/fontawesome-webfont.woff2?v=4.7.0
(vjeanty02.github.io)
76,0 KiB
…fonts/et-line.woff
(vjeanty02.github.io)
54,6 KiB
…img/logo.png
(vjeanty02.github.io)
36,3 KiB
First Contentful Paint (3G) 3984 ms
First Contentful Paint 3G marks the time at which the first text or image is painted while on a 3G network. Learn more.
Évitez de créer des chaînes de requêtes critiques 8 chaînes trouvées
Les chaînes de demandes critiques ci-dessous vous montrent quelles ressources sont chargées avec une priorité élevée. Envisagez de réduire la longueur des chaînes et la taille de téléchargement des ressources ou de reporter le téléchargement de ressources inutiles afin d'améliorer le chargement des pages. En savoir plusFCPLCP
Latence de chemin d'accès critique maximale : 250 ms
Navigation initiale
/Starting-website-2/
(vjeanty02.github.io)
…css/bootstrap.css
(vjeanty02.github.io)
- 30 ms, 22,22 KiB
/Starting-website-2/style.css
(vjeanty02.github.io)
- 50 ms, 4,58 KiB
…css/font-awesome.css
(vjeanty02.github.io)
…fonts/fontawesome-webfont.woff2?v=4.7.0
(vjeanty02.github.io)
- 50 ms, 76,05 KiB
…css/et-line.css
(vjeanty02.github.io)
…fonts/et-line.woff
(vjeanty02.github.io)
- 40 ms, 54,62 KiB
…js/jquery-2.1.0.js
(vjeanty02.github.io)
- 20 ms, 35,51 KiB
…js/bootstrap.js
(vjeanty02.github.io)
- 40 ms, 11,63 KiB
…js/blocs.js
(vjeanty02.github.io)
- 40 ms, 3,84 KiB
…js/gmaps.js
(vjeanty02.github.io)
- 20 ms, 14,91 KiB
Réduisez au maximum le nombre de requêtes et la taille des transferts 25 requêtes• 3 900 Kio
Pour définir des budgets liés à la quantité et à la taille des ressources de pages, ajoutez un fichier budget.json. En savoir plus
Type de ressource
Requêtes
Taille de transfert
Total
25
3 899,6 KiB
Image
13
3 656,2 KiB
Police de caractères
2
130,7 KiB
Script
5
72,2 KiB
Feuille de style
4
36,8 KiB
Document
1
3,7 KiB
Contenu multimédia
0
0,0 KiB
Autre
0
0,0 KiB
Tiers
0
0,0 KiB
Élément identifié comme "Largest Contentful Paint" 1 élément trouvé
Il s'agit de l'élément identifié comme "Largest Contentful Paint" dans la fenêtre d'affichage. En savoir plusLCP
Élément
Agence La Panthère CONTACT
<div class="bloc bgc-dark-slate-blue bg-banniere d-bloc bg-t-edge bloc-bg-texture text…" id="bloc-1-hero">
Éviter les changements de mise en page importants 5 éléments trouvés
Ces éléments DOM contribuent en grande partie au CLS de la page.CLS
Élément
Contribution au CLS
WEB DESIGN Que vous ayez un site web qui a besoin d’un rafraîchissement ou que…
<div class="bloc bgc-white l-bloc" id="bloc-2-services">
0,068
WEB DESIGN Que vous ayez un site web qui a besoin d’un rafraîchissement ou que…
<div class="row voffset-lg med-width-whitespace">
0,058
CONTACT
<div class="text-center">
0,029
Agence La Panthère
<h1 class="text-center hero-bloc-text tc-white ">
0,014
 STRATÉGIE Plutôt que de suggérer des designs à la mode, nous travaillerons av…
<div class="col-sm-4">
0,006
Évitez les tâches longues dans le thread principal 6 tâches longues trouvées
Indique les tâches les plus longues du thread principal, ce qui est utile pour identifier celles qui entraînent le plus de retard. En savoir plusTBT
URL
Heure de début
Durée
…js/jquery-2.1.0.js
(vjeanty02.github.io)
1 980 ms
95 ms
/Starting-website-2/
(vjeanty02.github.io)
837 ms
76 ms
/Starting-website-2/
(vjeanty02.github.io)
983 ms
72 ms
…js/jquery-2.1.0.js
(vjeanty02.github.io)
2 075 ms
59 ms
…js/bootstrap.js
(vjeanty02.github.io)
2 430 ms
54 ms
/Starting-website-2/
(vjeanty02.github.io)
780 ms
53 ms
Plus d'informations sur les performances de votre application. Ces chiffres n'ont pas d'incidence directe sur le score lié aux performances.
Audits réussis (23)
Afficher Masquer
Différez le chargement des images hors écran
Envisagez de charger des images masquées ou hors écran après le chargement de toutes les ressources essentielles afin de réduire le délai avant interactivité. En savoir plus
Réduisez la taille des ressources CSS Économies potentielles de 4 Kio
La réduction des fichiers CSS peut réduire la taille des charges utiles de réseau. En savoir plusFCPLCP
URL
Taille de transfert
Économies potentielles
…css/bootstrap.css
(vjeanty02.github.io)
22,2 KiB
4,4 KiB
Activez la compression de texte
Les ressources textuelles doivent être diffusées compressées (Gzip, Deflate ou Brotli) pour réduire le nombre total d'octets du réseau. En savoir plusFCPLCP
Connectez-vous à l'avance aux origines souhaitées
Envisagez d'ajouter les indices de ressources `preconnect` ou `dns-prefetch` pour établir les premières connexions avec des origines tierces importantes. Découvrez-en davantage.FCPLCP
Le temps de réponse initial du serveur était court Le document racine a pris 40 ms
Le temps de réponse du serveur pour le document principal doit rester court, car toutes les autres requêtes en dépendent. En savoir plusFCPLCP
URL
Temps passé
/Starting-website-2/
(vjeanty02.github.io)
40 ms
Évitez les redirections de page multiples
Les redirections entraînent des retards supplémentaires avant que la page ne puisse être chargée. En savoir plusFCPLCP
Préchargez les demandes clés
Envisagez d'utiliser `<link rel=preload>` pour hiérarchiser la récupération des ressources actuellement requises pour le chargement ultérieur de la page. En savoir plusFCPLCP
Utilisez des formats vidéo pour le contenu animé
Les grandes images GIF sont inefficaces pour diffuser du contenu animé. Envisagez d'utiliser des vidéos MPEG4/WebM pour les animations et PNG/WebP pour les images statiques au lieu d'images GIF afin d'économiser des octets réseau. En savoir plusLCP
Supprimez les modules en double dans les groupes JavaScript
Supprimez les modules JavaScript volumineux et en double de vos groupes pour réduire les débits d'octets superflus sur le réseau. TBT
Évitez d'utiliser de l'ancien code JavaScript dans les navigateurs récents
Les polyfills et les attributs "transform" permettent aux anciens navigateurs d'utiliser les nouvelles fonctionnalités JavaScript. Dans la majorité des cas cependant, ils ne sont pas nécessaires aux navigateurs modernes. Adoptez une stratégie de déploiement de script moderne pour votre groupe JavaScript : utilisez la détection de fonctionnalité module/nomodule pour réduire la quantité de code envoyée aux navigateurs modernes tout en continuant de prendre en charge les plus anciens. En savoir plusTBT
Précharger l'image Largest Contentful Paint
Préchargez l'image utilisée par l'élément LCP pour améliorer la durée de votre LCP. En savoir plusLCP
URL
Économies potentielles
Agence La Panthère CONTACT
<div class="bloc bgc-dark-slate-blue bg-banniere d-bloc bg-t-edge bloc-bg-texture text…" id="bloc-1-hero">
…img/agence-la-panthere.jpg
(vjeanty02.github.io)
0 ms
Éviter une taille excessive de DOM 174 éléments
Un grand DOM sollicite davantage la mémoire, et entraîne de plus longs calculs de style et de coûteux ajustements de la mise en page. En savoir plusTBT
Statistique
Élément
Valeur
Nombre total d'éléments DOM
174
Profondeur maximum de DOM
div.col-sm-3 > div.text-center > a.social > span.fa
<span class="fa fa-twitter icon-md">
11
Nombre maximal d'éléments enfants
annuaireagence.com annuaireseo.com annuairemarketing.com 123seo.com 123site.com…
<ul>
9
Marques et mesures du temps utilisateur
Envisagez de doter votre application de l'API User Timing pour mesurer ses performances réelles lors d'expériences utilisateur clés. En savoir plus
Délai d'exécution de JavaScript 0,1 s
Envisagez de réduire le temps consacré à l'analyse, la compilation et l'exécution de JavaScript. La livraison de charges utiles JavaScript plus petites peut vous aider. En savoir plusTBT
URL
Temps CPU total
Évaluation des scripts
Analyse des scripts
/Starting-website-2/
(vjeanty02.github.io)
526 ms
16 ms
5 ms
Unattributable
301 ms
10 ms
0 ms
…js/jquery-2.1.0.js
(vjeanty02.github.io)
175 ms
105 ms
13 ms
Réduire le travail du thread principal 1,1 s
Envisagez de réduire le temps consacré à l'analyse, la compilation et l'exécution de JavaScript. La livraison de charges utiles JavaScript plus petites peut vous aider. En savoir plusTBT
Catégorie
Temps passé
Other
405 ms
Style & Layout
225 ms
Rendering
205 ms
Script Evaluation
161 ms
Parse HTML & CSS
68 ms
Script Parsing & Compilation
33 ms
Réduire au maximum l'utilisation de code tiers
Le code tiers peut affecter considérablement les performances de chargement des pages. Limitez le nombre de fournisseurs tiers redondants, et essayez de charger du code tiers une fois le chargement de votre page terminé. En savoir plusTBT
Ressources tierces pouvant être chargées de façon différée avec des façades
Certaines intégrations tierces peuvent être chargées de manière différée. Vous pouvez envisager de les remplacer par une façade tant qu'elles ne sont pas requises. En savoir plusTBT
L'image Largest Contentful Paint n'a pas eu de chargement différé
Les images de la partie au-dessus de la ligne de flottaison qui ont un chargement différé sont rendues plus tard dans le cycle de vie de la page, ce qui peut retarder Largest Contentful Paint. En savoir plus
Élément
Agence La Panthère CONTACT
<div class="bloc bgc-dark-slate-blue bg-banniere d-bloc bg-t-edge bloc-bg-texture text…" id="bloc-1-hero">
La page utilise des écouteurs d'événements passifs pour améliorer les performances de défilement
Envisagez de marquer vos écouteurs d'événements tactiles et à la molette comme `passive` pour améliorer les performances de défilement de votre page. En savoir plus
Évite document.write()
Pour les utilisateurs rencontrant des problèmes de connexion lente, les scripts externes injectés dynamiquement via `document.write()` peuvent retarder le chargement des pages de plusieurs dizaines de secondes. En savoir plus
Éviter les animations non composées
Les animations non composées peuvent être lentes et augmenter le CLS. En savoir plusCLS
Une balise <meta name="viewport"> ayant l'attribut width ou initial-scale est configurée
Un `<meta name="viewport">` optimise votre appli pour les tailles d'écrans de mobiles, mais empêche aussi un délai d'entrée utilisateur de 300 millisecondes. En savoir plusTBT
Permet d'éviter les écouteurs d'événements unload
L'événement `unload` ne se déclenche pas de manière fiable, et son analyse risque d'empêcher les optimisations du navigateur telles que la mise en cache des pages précédentes et suivantes. Utilisez plutôt les événements `pagehide` ou `visibilitychange`. En savoir plus
84
Accessibilité
Ces vérifications permettent de connaître les possibilités d'amélioration de l'accessibilité de vos applications Web. Seule une partie des problèmes d'accessibilité peut être détectée automatiquement. Il est donc conseillé d'effectuer un test manuel.
Contraste
Les couleurs d'arrière-plan et de premier plan ne sont pas suffisamment contrastées
Un texte faiblement contrasté est difficile, voire impossible à lire pour de nombreux utilisateurs. En savoir plus
Éléments non conformes
Agence web à paris, stratégie web, web design, illustrations, design de site we…
<div class="keywords" style="color:#cccccc;font-size:1px;">
Agence web à paris, stratégie web, web design, illustrations, design de site we…
<div class="bloc bgc-white l-bloc " id="bloc-0">
Agence La Panthère - Agence web basée à Lyon.
<p class="text-center white">
Agence La Panthère - Agence web basée à Lyon. Agence web à paris, stratégie w…
<div class="bloc bgc-atomic-tangerine d-bloc" id="bloc-8">
voiture.com
<a href="voiture.com">
Agence La Panthère - Agence web basée à Lyon. Agence web à paris, stratégie w…
<div class="bloc bgc-atomic-tangerine d-bloc" id="bloc-8">
pizza.com
<a href="pizza.com">
Agence La Panthère - Agence web basée à Lyon. Agence web à paris, stratégie w…
<div class="bloc bgc-atomic-tangerine d-bloc" id="bloc-8">
matoiture.com
<a href="matoiture.com">
Agence La Panthère - Agence web basée à Lyon. Agence web à paris, stratégie w…
<div class="bloc bgc-atomic-tangerine d-bloc" id="bloc-8">
immobilierseo.com
<a href="immobilierseo.com">
Agence La Panthère - Agence web basée à Lyon. Agence web à paris, stratégie w…
<div class="bloc bgc-atomic-tangerine d-bloc" id="bloc-8">
annuaireagence.com
<a href="annuaireagence.com">
Agence La Panthère - Agence web basée à Lyon. Agence web à paris, stratégie w…
<div class="bloc bgc-atomic-tangerine d-bloc" id="bloc-8">
annuaireseo.com
<a href="annuaireseo.com">
Agence La Panthère - Agence web basée à Lyon. Agence web à paris, stratégie w…
<div class="bloc bgc-atomic-tangerine d-bloc" id="bloc-8">
annuairemarketing.com
<a href="annuairemarketing.com">
Agence La Panthère - Agence web basée à Lyon. Agence web à paris, stratégie w…
<div class="bloc bgc-atomic-tangerine d-bloc" id="bloc-8">
123seo.com
<a href="123seoture.com">
Agence La Panthère - Agence web basée à Lyon. Agence web à paris, stratégie w…
<div class="bloc bgc-atomic-tangerine d-bloc" id="bloc-8">
123site.com
<a href="123site.com">
Agence La Panthère - Agence web basée à Lyon. Agence web à paris, stratégie w…
<div class="bloc bgc-atomic-tangerine d-bloc" id="bloc-8">
annuairewordpress.com
<a href="annuairewordpress.com">
Agence La Panthère - Agence web basée à Lyon. Agence web à paris, stratégie w…
<div class="bloc bgc-atomic-tangerine d-bloc" id="bloc-8">
listeagence.com
<a href="listeagence.com">
Agence La Panthère - Agence web basée à Lyon. Agence web à paris, stratégie w…
<div class="bloc bgc-atomic-tangerine d-bloc" id="bloc-8">
meilleuresagencesparis.com
<a href="meilleuresagencesparis.com">
Agence La Panthère - Agence web basée à Lyon. Agence web à paris, stratégie w…
<div class="bloc bgc-atomic-tangerine d-bloc" id="bloc-8">
listeseo.com
<a href="listeseo.com">
Agence La Panthère - Agence web basée à Lyon. Agence web à paris, stratégie w…
<div class="bloc bgc-atomic-tangerine d-bloc" id="bloc-8">
betterseo.com
<a href="betterseo.com">
Agence La Panthère - Agence web basée à Lyon. Agence web à paris, stratégie w…
<div class="bloc bgc-atomic-tangerine d-bloc" id="bloc-8">
ameliorerseo.com
<a href="ameliorerseo.com">
Agence La Panthère - Agence web basée à Lyon. Agence web à paris, stratégie w…
<div class="bloc bgc-atomic-tangerine d-bloc" id="bloc-8">
seojuicelien.com
<a href="seojuicelien.com">
Agence La Panthère - Agence web basée à Lyon. Agence web à paris, stratégie w…
<div class="bloc bgc-atomic-tangerine d-bloc" id="bloc-8">
meilleursliens.com
<a href="meilleursliens.com">
Agence La Panthère - Agence web basée à Lyon. Agence web à paris, stratégie w…
<div class="bloc bgc-atomic-tangerine d-bloc" id="bloc-8">
liensagogo.com
<a href="liensagogo.com">
Agence La Panthère - Agence web basée à Lyon. Agence web à paris, stratégie w…
<div class="bloc bgc-atomic-tangerine d-bloc" id="bloc-8">
backlink.com
<a href="backlink.com">
Agence La Panthère - Agence web basée à Lyon. Agence web à paris, stratégie w…
<div class="bloc bgc-atomic-tangerine d-bloc" id="bloc-8">
linkjuiceannuaire.com
<a href="linkjuiceannuaire.com">
Agence La Panthère - Agence web basée à Lyon. Agence web à paris, stratégie w…
<div class="bloc bgc-atomic-tangerine d-bloc" id="bloc-8">
remontersurgoogle.com
<a href="remontersurgoogle.com">
Agence La Panthère - Agence web basée à Lyon. Agence web à paris, stratégie w…
<div class="bloc bgc-atomic-tangerine d-bloc" id="bloc-8">
vraiseofiable.com
<a href="vraiseofiable.com">
Agence La Panthère - Agence web basée à Lyon. Agence web à paris, stratégie w…
<div class="bloc bgc-atomic-tangerine d-bloc" id="bloc-8">
Servez-vous de ces indications pour améliorer la lisibilité de votre contenu.
Internationalisation et localisation
La valeur de l'attribut [lang] de l'élément <html> n'est pas valide.
Le fait de spécifier une langue BCP 47 valide permet d'aider les lecteurs d'écran à énoncer correctement le texte. En savoir plus
Éléments non conformes
html
<html lang="Default">
Servez-vous de ces indications pour améliorer l'interprétation de votre contenu en fonction des différents paramètres régionaux choisis par les utilisateurs.
Noms et étiquettes
Les liens n'ont pas de nom visible
Rédigez du texte visible et unique pour les liens (et pour le texte de substitution des images, si vous vous en servez dans des liens), afin que les utilisateurs de lecteurs d'écran puissent facilement positionner le curseur dessus et bénéficient d'une meilleure expérience de navigation. En savoir plus
Éléments non conformes
div.row > div.col-sm-3 > div.text-center > a.social
<a class="social" href="index.html">
div.row > div.col-sm-3 > div.text-center > a.social
<a class="social" href="index.html">
div.row > div.col-sm-3 > div.text-center > a.social
<a class="social" href="index.html">
div.row > div.col-sm-3 > div.text-center > a.social
<a class="social" href="index.html">
Servez-vous de ces indications pour améliorer la sémantique des éléments de contrôle de votre application. Vous optimiserez ainsi l'expérience des utilisateurs de technologies d'assistance, comme les lecteurs d'écran.
Navigation
Les éléments d'en-tête ne sont pas classés séquentiellement par ordre décroissant
Les en-têtes correctement classés qui respectent les niveaux transmettent la structure sémantique de la page, ce qui garantit une navigation plus aisée et permet d'identifier plus facilement dans quels cas utiliser les technologies d'assistance. En savoir plus
Éléments non conformes
WEB DESIGN
<h3 class="mg-md text-center">
Servez-vous de ces indications pour améliorer la navigation au clavier de votre application.
Autres éléments à vérifier manuellement (10)
Afficher Masquer
The page has a logical tab order
Tabbing through the page follows the visual layout. Users cannot focus elements that are offscreen. Learn more.
Interactive controls are keyboard focusable
Custom interactive controls are keyboard focusable and display a focus indicator. Learn more.
Interactive elements indicate their purpose and state
Interactive elements, such as links and buttons, should indicate their state and be distinguishable from non-interactive elements. Learn more.
The user's focus is directed to new content added to the page
If new content, such as a dialog, is added to the page, the user's focus is directed to it. Learn more.
User focus is not accidentally trapped in a region
A user can tab into and out of any control or region without accidentally trapping their focus. Learn more.
Custom controls have associated labels
Custom interactive controls have associated labels, provided by aria-label or aria-labelledby. Learn more.
Custom controls have ARIA roles
Custom interactive controls have appropriate ARIA roles. Learn more.
Visual order on the page follows DOM order
DOM order matches the visual order, improving navigation for assistive technology. Learn more.
Offscreen content is hidden from assistive technology
Offscreen content is hidden with display: none or aria-hidden=true. Learn more.
HTML5 landmark elements are used to improve navigation
Landmark elements (<main>, <nav>, etc.) are used to improve the keyboard navigation of the page for assistive technology. Learn more.
Ces éléments concernent des zones qu'un outil de test automatique ne peut pas couvrir. Consultez notre guide sur la réalisation d'un examen d'accessibilité.
Audits réussis (10)
Afficher Masquer
[aria-hidden="true"] ne figure pas sur le document <body>
Les technologies d'assistance, telles que les lecteurs d'écran, présentent un fonctionnement irrégulier lorsque `aria-hidden="true"` est défini sur l'élément `<body>` du document. En savoir plus
Les boutons ont un nom accessible
Lorsqu'un bouton n'a pas de nom accessible, les lecteurs d'écran annoncent simplement qu'il s'agit d'un "bouton", ce qui le rend inutilisable pour les personnes qui se servent de tels outils. En savoir plus
Les éléments d'image possèdent des attributs [alt]
Les éléments informatifs doivent contenir un texte de substitution court et descriptif. L'attribut alt peut rester vide pour les éléments décoratifs. En savoir plus
[user-scalable="no"] n'est pas utilisé dans l'élément <meta name="viewport">, et l'attribut [maximum-scale] n'est pas inférieur à 5.
La désactivation de la fonction de zoom peut être problématique pour les utilisateurs qui ne voient pas bien et qui ont besoin d'agrandir le contenu d'une page Web pour en saisir le sens. En savoir plus
La page contient un titre, un lien "Ignorer" ou un point de repère
En ajoutant des méthodes pour contourner les contenus répétitifs, vous permettez aux internautes qui utilisent un clavier de naviguer plus efficacement sur la page. En savoir plus
Le document contient un élément <title>
Le titre donne aux utilisateurs de lecteurs d'écran un aperçu de la page. En outre, les moteurs de recherche s'appuient principalement sur ce dernier pour déterminer la pertinence du contenu proposé. En savoir plus
Les attributs [id] sur des éléments sélectionnables actifs sont uniques
Tous les éléments sélectionnables doivent être associés à un `id` unique pour qu'ils soient visibles par les technologies d'assistance. En savoir plus
L'élément <html> contient un attribut [lang]
Lorsqu'une page ne spécifie pas d'attribut "lang", les lecteurs d'écran considèrent qu'elle est rédigée dans la langue par défaut sélectionnée au moment de leur configuration par l'utilisateur. Si la page n'est pas rédigée dans cette langue par défaut, les lecteurs d'écran risquent de ne pas énoncer correctement son contenu. En savoir plus
Les listes contiennent uniquement des éléments <li> et des éléments de type script (<script> et <template>).
Les lecteurs d'écran ont une façon spécifique d'énoncer les listes. Pour leur permettre de donner de bons résultats, pensez à bien structurer ces dernières. En savoir plus
Les éléments de liste (<li>) sont inclus dans des éléments parents <ul> ou <ol>
Les lecteurs d'écran requièrent que les éléments de liste (`<li>`) soient contenus dans un élément parent `<ul>` ou `<ol>` pour les énoncer correctement. En savoir plus
Non applicable (30)
Afficher Masquer
Les valeurs [accesskey] sont uniques
Les clés d'accès permettent aux utilisateurs de positionner rapidement le curseur dans une partie spécifique de la page. Pour les aider à naviguer correctement, pensez à définir des clés d'accès uniques. En savoir plus
Les attributs [aria-*] correspondent à leurs rôles
Chaque `role` ARIA est rattaché à un sous-ensemble spécifique d'attributs `aria-*`. S'ils ne sont pas correctement associés, les attributs `aria-*` ne seront pas valides. En savoir plus
Les éléments button, link et menuitem ont des noms accessibles
Lorsqu'un élément n'a pas de nom accessible, les lecteurs d'écran l'annoncent avec un nom générique, ce qui le rend inutilisable pour les personnes qui se servent de tels outils. En savoir plus
Les éléments [aria-hidden="true"] ne contiennent pas de descendants sélectionnables
La présence de descendants sélectionnables dans un élément `[aria-hidden="true"]` empêche les utilisateurs de technologies d'assistance, telles que des lecteurs d'écran, de se servir de ces éléments interactifs. En savoir plus
Les champs de saisie ARIA ont des noms accessibles
Lorsqu'un champ de saisie n'a pas de nom accessible, les lecteurs d'écran l'annoncent avec un nom générique, ce qui le rend inutilisable pour les personnes qui se servent de tels outils. En savoir plus
Les éléments ARIA meter ont des noms accessibles
Lorsqu'un élément n'a pas de nom accessible, les lecteurs d'écran l'annoncent avec un nom générique, ce qui le rend inutilisable pour les personnes qui se servent de tels outils. En savoir plus
Les éléments ARIA progressbar ont des noms accessibles
Lorsqu'un élément `progressbar` n'a pas de nom accessible, les lecteurs d'écran l'annoncent avec un nom générique, ce qui le rend inutilisable pour les personnes qui se servent de tels outils. En savoir plus
Tous les éléments [role] contiennent les attributs [aria-*] requis
Certains rôles ARIA ont des attributs obligatoires qui décrivent l'état de l'élément aux lecteurs d'écran. En savoir plus
Les éléments ayant un [role] ARIA, qui exigent que les enfants incluent un [role] spécifique, possèdent tous les enfants requis.
Certains rôles ARIA parents doivent contenir des rôles enfants spécifiques afin de remplir correctement leurs fonctions d'accessibilité. En savoir plus
Les éléments [role] sont inclus dans l'élément parent approprié
Certains rôles ARIA enfants doivent être inclus dans un rôle parent spécifique afin de remplir correctement leurs fonctions d'accessibilité. En savoir plus
Les valeurs [role] sont valides
Les rôles ARIA doivent comporter des valeurs valides afin de remplir correctement leurs fonctions d'accessibilité. En savoir plus
Les champs d'activation/de désactivation ARIA ont des noms accessibles
Lorsqu'un champ d'activation/de désactivation n'a pas de nom accessible, les lecteurs d'écran l'annoncent avec un nom générique, ce qui le rend inutilisable pour les personnes qui se servent de tels outils. En savoir plus
Les éléments ARIA tooltip ont des noms accessibles
Lorsqu'un élément n'a pas de nom accessible, les lecteurs d'écran l'annoncent avec un nom générique, ce qui le rend inutilisable pour les personnes qui se servent de tels outils. En savoir plus
Les éléments ARIA treeitem ont des noms accessibles
Lorsqu'un élément n'a pas de nom accessible, les lecteurs d'écran l'annoncent avec un nom générique, ce qui le rend inutilisable pour les personnes qui se servent de tels outils. En savoir plus
Les attributs [aria-*] ont des valeurs valides
Les technologies d'assistance telles que les lecteurs d'écran ne peuvent pas interpréter les attributs ARIA si leurs valeurs ne sont pas valides. En savoir plus
Les attributs [aria-*] sont valides et correctement orthographiés
Les technologies d'assistance telles que les lecteurs d'écran ne peuvent pas interpréter les attributs ARIA si leurs noms ne sont pas valides. En savoir plus
Les éléments <dl> ne contiennent que des groupes <dt> et <dd> ainsi que des éléments <script>, <template> ou <div> dans le bon ordre.
Si les listes de définition ne sont pas correctement balisées, les lecteurs d'écran risquent de donner des résultats confus ou imprécis. En savoir plus
Les éléments de liste de définition sont encapsulés dans des éléments <dl>
Les éléments de liste de définition (`<dt>` et `<dd>`) doivent être encapsulés dans un élément `<dl>` parent afin que les lecteurs d'écran puissent les énoncer correctement. En savoir plus
Les ID ARIA sont uniques
La valeur d'un ID ARIA doit être unique afin que les différentes instances soient toutes prises en compte par les technologies d'assistance. En savoir plus
Aucun champ de formulaire ne comporte plusieurs libellés
Les champs de formulaire comprenant plusieurs libellés peuvent être annoncés par les technologies d'assistance comme des lecteurs d'écran utilisant le premier, le dernier ou tous les libellés, ce qui peut prêter à confusion. En savoir plus
Les éléments <frame> ou <iframe> ont un titre
Les lecteurs d'écran s'appuient sur le titre des frames pour décrire le contenu de ces derniers aux utilisateurs. En savoir plus
Les éléments <input type="image"> contiennent du texte [alt]
Lorsqu'une image est utilisée comme bouton `<input>`, vous pouvez aider les utilisateurs de lecteurs d'écran à comprendre son utilité en ajoutant un texte de substitution. En savoir plus
Les éléments de formulaire sont associés à des libellés
Les libellés permettent de s'assurer que les éléments de contrôle des formulaires sont énoncés correctement par les technologies d'assistance, comme les lecteurs d'écran. En savoir plus
Le document n'utilise pas de balise Meta <meta http-equiv="refresh">
Les utilisateurs ne s'attendent pas à ce qu'une page s'actualise automatiquement. De plus, lorsque cela se produit, le curseur est aussitôt repositionné en haut de la page. Cela peut générer de la frustration et perturber l'expérience utilisateur. En savoir plus
Les éléments <object> contiennent du texte de substitution
Les lecteurs d'écran ne peuvent pas traduire les contenus non textuels. En ajoutant un texte de substitution aux éléments `<object>`, vous aiderez les lecteurs d'écran à transmettre votre message aux utilisateurs. En savoir plus
Aucun élément n'a de valeur [tabindex] supérieure à 0
Une valeur supérieure à 0 implique un ordre de navigation explicite. Bien que cela soit valide d'un point de vue technique, cela crée souvent une expérience frustrante pour les utilisateurs qui s'appuient sur des technologies d'assistance. En savoir plus
Les cellules d'un élément <table> qui utilisent l'attribut [headers] font référence à des cellules figurant dans le même tableau.
Les lecteurs d'écran proposent des fonctionnalités qui permettent de naviguer plus simplement dans les tableaux. En vous assurant que les cellules `<td>` qui comportent l'attribut `[headers]` fassent référence à d'autres cellules dans le même tableau uniquement, vous pourrez améliorer l'expérience des utilisateurs de lecteurs d'écran. En savoir plus
Les éléments <th> et ceux portant l'attribut [role="columnheader"/"rowheader"] décrivent des cellules de données.
Les lecteurs d'écran proposent des fonctionnalités qui permettent de naviguer plus simplement dans les tableaux. En vous assurant que les en-têtes de tableaux fassent toujours référence à un ensemble de cellules spécifique, vous pourrez améliorer l'expérience des utilisateurs de lecteurs d'écran. En savoir plus
Les attributs [lang] ont une valeur valide
Le fait de spécifier une langue BCP 47 valide pour les éléments permet de s'assurer que le texte sera prononcé correctement par les lecteurs d'écran. En savoir plus
Les éléments <video> contiennent un élément <track> avec [kind="captions"]
Le fait d'ajouter des sous-titres à une vidéo rend cette dernière plus accessible aux personnes sourdes et malentendantes. En savoir plus
92
Bonnes pratiques
Fiabilité et sécurité
La page utilise des bibliothèques JavaScript frontales présentant des failles de sécurité connues 9 failles détectées
Certains scripts tiers peuvent présenter des failles de sécurité connues, faciles à identifier et à exploiter par des pirates informatiques. En savoir plus
Version de la bibliothèque
Nombre de failles
Extrême
Bootstrap@3.3.5
5
Moyenne
jQuery@2.1.0
4
Moyenne
Garantir l'efficacité de la CSP contre les attaques XSS
Une CSP (Content Security Policy) efficace réduit considérablement le risque d'attaques de script intersites (XSS). En savoir plus
Description
Directive
Gravité
Aucune CSP trouvée en mode de mise en conformité
Élevée
Général
Bibliothèques JavaScript détectées
Toutes les bibliothèques JavaScript frontales détectées sur la page. Découvrez-en davantage.
Nom
Version
Bootstrap
3.3.5
jQuery
2.1.0
Audits réussis (12)
Afficher Masquer
Requêtes HTTPS
Tous les sites doivent être protégés par le protocole HTTPS, même ceux qui ne traitent pas de données sensibles. Par conséquent, vous devez éviter le contenu mixte, qui provoque le chargement de certaines ressources sur HTTP bien que la demande initiale soit diffusée via HTTPS. Le protocole HTTPS empêche les intrus de détourner ou d’écouter passivement les communications entre votre application et les utilisateurs. Il constitue également une condition préalable à l'utilisation de HTTP/2 et de nombreuses nouvelles API de plates-formes Web. En savoir plus
Aucune autorisation de géolocalisation n'est demandée au chargement de la page
Les utilisateurs se méfient des sites qui demandent leur position sans contexte. Envisagez plutôt d'associer la demande à des actions de l'utilisateur. En savoir plus
Aucune autorisation d'envoi de notifications n'est demandée au chargement de la page
Les utilisateurs se méfient des sites qui demandent à envoyer des notifications sans contexte. Envisagez plutôt d'associer la demande à des gestes de l'utilisateur. En savoir plus
Autoriser les utilisateurs à copier un contenu dans les champs de mot de passe
Empêcher la copie de contenu dans les champs de mot de passe nuit aux règles de sécurité. En savoir plus
Images affichées au bon format
Les dimensions d'affichage des images doivent correspondre au format naturel. En savoir plus
Images diffusées dans la résolution appropriée
Pour que la clarté de l'image soit optimale, ses dimensions naturelles doivent être proportionnelles à la taille d'affichage et au taux de pixels. En savoir plus
La page n'a pas d'attribut doctype HTML
La spécification d'un attribut doctype empêche le navigateur de passer en mode quirks. Découvrez-en davantage.
Le charset est défini correctement
La déclaration d'encodage des caractères est obligatoire. Elle peut être effectuée avec une balise `<meta>` dans les 1 024 premiers octets du code HTML, ou dans l'en-tête de réponse HTTP Content-Type. En savoir plus
La page n'utilise pas d'API obsolètes
Les API obsolètes seront finalement supprimées du navigateur. En savoir plus
Aucune erreur de navigateur enregistrée dans la console
Les erreurs enregistrées dans la console indiquent des problèmes non résolus. Ces derniers peuvent être dus à des requêtes réseau qui ont échoué et à d'autres problèmes du navigateur. En savoir plus
Aucun problème dans le panneau Issues des outils de développement Chrome
Les problèmes enregistrés dans le panneau `Issues` des outils de développement Chrome indiquent des problèmes non résolus. Ceux-ci peuvent être dus à des requêtes réseau qui ont échoué, à des contrôles de sécurité insuffisants ou à d'autres problèmes du navigateur. Ouvrez le panneau "Issues" dans les outils de développement Chrome pour en savoir plus sur chaque problème.
La page contient des mappages source valides
Les mappages source traduisent le code minimisé pour obtenir le code source d'origine. Ce processus aide les développeurs à effectuer le débogage en phase de production. De plus, Lighthouse est en mesure de fournir d'autres renseignements. Envisagez de déployer des mappages source pour profiter de ces avantages. En savoir plus
Non applicable (1)
Afficher Masquer
Les polices qui utilisent font-display: optional sont préchargées
Préchargez les polices `optional` pour que les nouveaux visiteurs puissent les utiliser. En savoir plus
78
SEO
Ces vérifications confirment que votre page suit les conseils de base concernant le référencement naturel. De nombreux facteurs supplémentaires ne sont pas comptés par Lighthouse ici, mais peuvent affecter votre classement dans les résultats de recherche, y compris vos performances sur Signaux Web essentiels. En savoir plus
Bonnes pratiques relatives au contenu
Le document ne contient pas d'attribut "meta description"
Le texte de la description est vide.
Les résultats de recherche peuvent inclure des attributs "meta description" pour résumer de façon concise le contenu de la page. En savoir plus
Rédigez votre code HTML de sorte à autoriser les robots d'exploration à analyser le contenu de votre application.
Adapté aux mobiles
Les tailles de police utilisées dans le document ne sont pas lisibles 30,39 % du texte lisibles
Les tailles de police inférieures à 12 pixels sont trop petites pour être lisibles et nécessitent que les visiteurs sur la version mobile pincent l'écran pour zoomer et lire le texte. Veuillez utiliser une police de texte de plus de 12 pixels sur plus de 60 % du texte de la page. En savoir plus
Source
Sélecteur
% du texte de la page
Taille de police
/Starting-website-2/style.css:679:3
(vjeanty02.github.io)
p
67.08%
11px
/Starting-website-2/
(vjeanty02.github.io)
<div class="keywords" style="color:#cccccc;font-size:1px;">
1.27%
1px
/Starting-website-2/
(vjeanty02.github.io)
<div class="keywords" style="color:#cccccc;font-size:1px;">
1.27%
1px
Texte lisible
30.39%
≥ 12px
Les éléments tactiles ne sont pas dimensionnés correctement 35 % des éléments tactiles sont correctement dimensionnés
Les éléments interactifs comme les boutons et les liens doivent être suffisamment larges (48 x 48 pixels) et avoir suffisamment d'espace autour d'eux pour que l'utilisateur puisse appuyer facilement dessus sans appuyer en même temps sur d'autres éléments. En savoir plus
Élément tactile
Taille
Cible en chevauchement
voiture.com
<a href="voiture.com">
72x16
pizza.com
<a href="pizza.com">
pizza.com
<a href="pizza.com">
63x16
matoiture.com
<a href="matoiture.com">
matoiture.com
<a href="matoiture.com">
88x16
immobilierseo.com
<a href="immobilierseo.com">
annuaireagence.com
<a href="annuaireagence.com">
130x16
annuaireseo.com
<a href="annuaireseo.com">
annuaireseo.com
<a href="annuaireseo.com">
107x16
annuairemarketing.com
<a href="annuairemarketing.com">
123seo.com
<a href="123seoture.com">
76x16
annuairemarketing.com
<a href="annuairemarketing.com">
123seo.com
<a href="123seoture.com">
76x16
123site.com
<a href="123site.com">
123site.com
<a href="123site.com">
75x16
annuairewordpress.com
<a href="annuairewordpress.com">
annuairewordpress.com
<a href="annuairewordpress.com">
149x16
listeagence.com
<a href="listeagence.com">
listeagence.com
<a href="listeagence.com">
101x16
meilleuresagencesparis.com
<a href="meilleuresagencesparis.com">
listeseo.com
<a href="listeseo.com">
77x16
meilleuresagencesparis.com
<a href="meilleuresagencesparis.com">
betterseo.com
<a href="betterseo.com">
88x16
ameliorerseo.com
<a href="ameliorerseo.com">
ameliorerseo.com
<a href="ameliorerseo.com">
111x16
seojuicelien.com
<a href="seojuicelien.com">
seojuicelien.com
<a href="seojuicelien.com">
103x16
meilleursliens.com
<a href="meilleursliens.com">
meilleursliens.com
<a href="meilleursliens.com">
115x16
liensagogo.com
<a href="liensagogo.com">
liensagogo.com
<a href="liensagogo.com">
98x16
backlink.com
<a href="backlink.com">
backlink.com
<a href="backlink.com">
80x16
linkjuiceannuaire.com
<a href="linkjuiceannuaire.com">
linkjuiceannuaire.com
<a href="linkjuiceannuaire.com">
134x16
remontersurgoogle.com
<a href="remontersurgoogle.com">
remontersurgoogle.com
<a href="remontersurgoogle.com">
147x16
vraiseofiable.com
<a href="vraiseofiable.com">
Assurez-vous que vos pages sont adaptées aux mobiles, afin que les utilisateurs n'aient pas besoin de pincer l'écran ni de zoomer pour lire votre contenu. En savoir plus
Autres éléments à vérifier manuellement (1)
Afficher Masquer
Les données structurées sont valides
Exécutez l'outil de test des données structurées et le validateur Lint de données structurées pour valider les données structurées. En savoir plus
Exécutez ces outils de validation supplémentaires sur votre site pour vérifier les bonnes pratiques de SEO complémentaires.
Audits réussis (9)
Afficher Masquer
Une balise <meta name="viewport"> ayant l'attribut width ou initial-scale est configurée
Un `<meta name="viewport">` optimise votre appli pour les tailles d'écrans de mobiles, mais empêche aussi un délai d'entrée utilisateur de 300 millisecondes. En savoir plusTBT
Le document contient un élément <title>
Le titre donne aux utilisateurs de lecteurs d'écran un aperçu de la page. En outre, les moteurs de recherche s'appuient principalement sur ce dernier pour déterminer la pertinence du contenu proposé. En savoir plus
La page renvoie un code d'état HTTP de réussite
Les pages renvoyant des codes d'état HTTP d'échec peuvent ne pas être indexées correctement. En savoir plus
Les liens contiennent un texte descriptif
Le texte descriptif d'un lien aide les moteurs de recherche à comprendre votre contenu. En savoir plus
Les liens peuvent être explorés
Les moteurs de recherche peuvent utiliser les attributs `href` des liens pour explorer les sites Web. Assurez-vous que l'attribut `href` des éléments d'ancrage pointe vers une destination appropriée, pour que davantage de pages du site puissent être détectées. En savoir plus
L'indexation de cette page n'est pas bloquée
Les moteurs de recherche ne peuvent pas inclure vos pages dans les résultats de recherche s'ils ne sont pas autorisés à les explorer. En savoir plus
Les éléments d'image possèdent des attributs [alt]
Les éléments informatifs doivent contenir un texte de substitution court et descriptif. L'attribut alt peut rester vide pour les éléments décoratifs. En savoir plus
L'attribut hreflang du document est valide
Les liens hreflang indiquent aux moteurs de recherche la version de la page qu'ils doivent répertorier dans les résultats de recherche pour une page ou une région donnée. En savoir plus
Le document évite les plug-ins
Les moteurs de recherche ne peuvent pas indexer le contenu des plug-ins, et de nombreux appareils limitent l'utilisation de ces derniers, voire ne les acceptent pas. En savoir plus
Non applicable (2)
Afficher Masquer
Le fichier robots.txt est valide
Si votre fichier robots.txt n'est pas créé correctement, il se peut que les robots d'exploration ne puissent pas comprendre comment votre site Web doit être exploré ou indexé. Découvrez-en davantage.
L'attribut rel=canonical du document est valide
Les liens canoniques suggèrent l'URL à afficher dans les résultats de recherche. En savoir plus
Découvrez l'expérience de vos utilisateurs
Aucune donnée
Analysez les problèmes de performances
80
Performances
81
Accessibilité
92
Bonnes pratiques
90
SEO
80
Performances
81
Accessibilité
92
Bonnes pratiques
90
SEO
80
Performances
Les valeurs sont estimées et peuvent varier. Le calcul du score lié aux performances repose directement sur ces statistiques.Affichez la calculatrice.
0–49 50–89 90–100
Final Screenshot
Statistiques
First Contentful Paint
0,5 s
La statistique "First Contentful Paint" indique le moment où le premier texte ou la première image sont affichés. En savoir plus
Time to Interactive
2,0 s
La valeur "Time to Interactive" correspond au temps nécessaire pour que la page devienne entièrement interactive. En savoir plus
Speed Index
0,7 s
La valeur "Speed Index" indique la rapidité avec laquelle le contenu d'une page est disponible. En savoir plus
Total Blocking Time
80 ms
Somme en millisecondes de toutes les périodes entre le First Contentful Paint et le Time to Interactive, lorsque la durée de la tâche a dépassé 50 ms. En savoir plus
Largest Contentful Paint
3,0 s
La statistique "Largest Contentful Paint" indique le moment où le texte le plus long ou l'image la plus grande sont affichés. En savoir plus
Cumulative Layout Shift
0,13
Cumulative Layout Shift mesure le mouvement des éléments visibles dans la fenêtre d'affichage. En savoir plus
  • Captured at 2 févr. 2023, 00:50 UTC−5
  • Émulation (ordinateur) with Lighthouse 9.6.6
    Puissance processeur/mémoire: 441 Limitation du processeur: 1x slowdown (Simulated) Version d'axe: 4.4.1
  • Chargement de page unique
    Ces données proviennent d'un seul chargement de page, contrairement aux données de champ qui résument plusieurs sessions.
  • Chargement de page initial
  • Limitation personnalisée
    Limitation de bande passante réseau: 40 ms TCP RTT, 10 240 Kbps throughput (Simulated) Position du navigateur : Amérique du Nord
  • Using HeadlessChromium 109.0.5414.101 with lr
    User-agent (réseau): "Mozilla/5.0 (Macintosh; Intel Mac OS X 10_15_7) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/98.0.4695.0 Safari/537.36 Chrome-Lighthouse"
Screenshot
Screenshot
Screenshot
Screenshot
Screenshot
Screenshot
Screenshot
Screenshot
Screenshot
Screenshot
Afficher les audits pertinents pour :
Opportunités
Opportunité
Estimation des économies
Diffusez des images aux formats nouvelle génération
2,4 s
Les formats d'image comme WebP et AVIF proposent souvent une meilleure compression que PNG et JPEG. Par conséquent, les téléchargements sont plus rapides et la consommation de données est réduite. En savoir plus
URL
Taille de la ressource
Économies potentielles
Nous souhaitons aider les entreprises de la région Lyonnaise à se développer et…
<div class="bloc tc-white bgc-atomic-tangerine bg-presentation d-bloc bloc-bg-texture …" id="bloc-3-what-i-do">
…img/image-de-presentation.bmp
(vjeanty02.github.io)
2 101,9 KiB
1 764,4 KiB
Prêt pour redonner vie à votre projet ? Contactez notre équipe ! CONTACT
<div class="bloc bgc-dark-slate-blue bg-banniere d-bloc bloc-bg-texture texture-paper" id="bloc-5-cta">
…img/agence-la-panthere.jpg
(vjeanty02.github.io)
600,3 KiB
516,4 KiB
paris web design logo agence web meilleure agence, Création d'un site web pour …
<img src="img/4.bmp" class="img-responsive portfolio-thumb" alt="paris web design logo agence web meilleure agence, Création d'un site web …">
…img/4.bmp
(vjeanty02.github.io)
219,8 KiB
200,6 KiB
paris web design logo agence web meilleure agence et refonte site web journal
<img src="img/1.jpg" alt="paris web design logo agence web meilleure agence et refonte site web jour…" class="img-responsive portfolio-thumb">
…img/1.jpg
(vjeanty02.github.io)
266,5 KiB
167,9 KiB
paris web design logo agence web meilleure agence, Création d'un site web pour …
<img src="img/3.bmp" class="img-responsive portfolio-thumb" alt="paris web design logo agence web meilleure agence, Création d'un site web …">
…img/3.bmp
(vjeanty02.github.io)
167,1 KiB
152,3 KiB
…img/texture-paper.png
(vjeanty02.github.io)
93,9 KiB
66,5 KiB
paris web design logo agence web meilleure agence, Création d'un site web pour …
<img src="img/2.jpg" class="img-responsive portfolio-thumb" alt="paris web design logo agence web meilleure agence, Création d'un site web …">
…img/2.jpg
(vjeanty02.github.io)
106,7 KiB
62,9 KiB
Agence La Panthère, agence web paris, création logo paris
<img src="img/logo.png" class="center-block image-resize-mode" width="100" alt="Agence La Panthère, agence web paris, création logo paris">
…img/logo.png
(vjeanty02.github.io)
35,6 KiB
19,1 KiB
agence web, agence web paris, web design paris, stratégie web
<img alt="agence web, agence web paris, web design paris, stratégie web" src="img/citation.png">
…img/citation.png
(vjeanty02.github.io)
27,9 KiB
15,2 KiB
Encodez les images de manière efficace
1,88 s
Les images optimisées se chargent plus rapidement et consomment moins de données mobiles. En savoir plus
URL
Taille de la ressource
Économies potentielles
Nous souhaitons aider les entreprises de la région Lyonnaise à se développer et…
<div class="bloc tc-white bgc-atomic-tangerine bg-presentation d-bloc bloc-bg-texture …" id="bloc-3-what-i-do">
…img/image-de-presentation.bmp
(vjeanty02.github.io)
2 101,9 KiB
1 595,7 KiB
Prêt pour redonner vie à votre projet ? Contactez notre équipe ! CONTACT
<div class="bloc bgc-dark-slate-blue bg-banniere d-bloc bloc-bg-texture texture-paper" id="bloc-5-cta">
…img/agence-la-panthere.jpg
(vjeanty02.github.io)
600,3 KiB
388,1 KiB
paris web design logo agence web meilleure agence, Création d'un site web pour …
<img src="img/4.bmp" class="img-responsive portfolio-thumb" alt="paris web design logo agence web meilleure agence, Création d'un site web …">
…img/4.bmp
(vjeanty02.github.io)
219,8 KiB
182,9 KiB
paris web design logo agence web meilleure agence, Création d'un site web pour …
<img src="img/3.bmp" class="img-responsive portfolio-thumb" alt="paris web design logo agence web meilleure agence, Création d'un site web …">
…img/3.bmp
(vjeanty02.github.io)
167,1 KiB
134,6 KiB
paris web design logo agence web meilleure agence et refonte site web journal
<img src="img/1.jpg" alt="paris web design logo agence web meilleure agence et refonte site web jour…" class="img-responsive portfolio-thumb">
…img/1.jpg
(vjeanty02.github.io)
266,5 KiB
33,8 KiB
paris web design logo agence web meilleure agence, Création d'un site web pour …
<img src="img/2.jpg" class="img-responsive portfolio-thumb" alt="paris web design logo agence web meilleure agence, Création d'un site web …">
…img/2.jpg
(vjeanty02.github.io)
106,7 KiB
14,1 KiB
Dimensionnez correctement les images
0,4 s
Diffusez des images de taille appropriée afin d'économiser des données mobiles et de réduire le temps de chargement. En savoir plus
URL
Taille de la ressource
Économies potentielles
paris web design logo agence web meilleure agence et refonte site web journal
<img src="img/1.jpg" alt="paris web design logo agence web meilleure agence et refonte site web jour…" class="img-responsive portfolio-thumb">
…img/1.jpg
(vjeanty02.github.io)
266,5 KiB
247,2 KiB
paris web design logo agence web meilleure agence, Création d'un site web pour …
<img src="img/2.jpg" class="img-responsive portfolio-thumb" alt="paris web design logo agence web meilleure agence, Création d'un site web …">
…img/2.jpg
(vjeanty02.github.io)
106,7 KiB
87,0 KiB
paris web design logo agence web meilleure agence, Création d'un site web pour …
<img src="img/4.bmp" class="img-responsive portfolio-thumb" alt="paris web design logo agence web meilleure agence, Création d'un site web …">
…img/4.bmp
(vjeanty02.github.io)
219,8 KiB
63,3 KiB
paris web design logo agence web meilleure agence, Création d'un site web pour …
<img src="img/3.bmp" class="img-responsive portfolio-thumb" alt="paris web design logo agence web meilleure agence, Création d'un site web …">
…img/3.bmp
(vjeanty02.github.io)
167,1 KiB
48,1 KiB
Agence La Panthère, agence web paris, création logo paris
<img src="img/logo.png" class="center-block image-resize-mode" width="100" alt="Agence La Panthère, agence web paris, création logo paris">
…img/logo.png
(vjeanty02.github.io)
35,6 KiB
34,4 KiB
Éliminez les ressources qui bloquent le rendu
0,22 s
Des ressources bloquent la première visualisation (first paint) de votre page. Envisagez de diffuser des feuilles JS/CSS essentielles en ligne et de différer la diffusion de toutes les feuilles JS/de style non essentielles. En savoir plusFCPLCP
URL
Taille de transfert
Économies potentielles
…css/bootstrap.css
(vjeanty02.github.io)
22,2 KiB
80 ms
Ces suggestions peuvent contribuer à charger votre page plus rapidement. En revanche, elles n'ont pas d'incidence directe sur le score lié aux performances.
Diagnostic
Diffusez des éléments statiques grâce à des règles de cache efficaces 24 ressources trouvées
Une longue durée de vie du cache peut accélérer les visites répétées sur votre page. En savoir plus
URL
Cache de la valeur TTL
Taille de transfert
…img/image-de-presentation.bmp
(vjeanty02.github.io)
10 m
2 102 KiB
…img/agence-la-panthere.jpg
(vjeanty02.github.io)
10 m
601 KiB
…img/1.jpg
(vjeanty02.github.io)
10 m
267 KiB
…img/4.bmp
(vjeanty02.github.io)
10 m
220 KiB
…img/3.bmp
(vjeanty02.github.io)
10 m
167 KiB
…img/2.jpg
(vjeanty02.github.io)
10 m
107 KiB
…img/texture-paper.png
(vjeanty02.github.io)
10 m
95 KiB
…fonts/fontawesome-webfont.woff2?v=4.7.0
(vjeanty02.github.io)
10 m
76 KiB
…fonts/et-line.woff
(vjeanty02.github.io)
10 m
55 KiB
…img/logo.png
(vjeanty02.github.io)
10 m
36 KiB
…js/jquery-2.1.0.js
(vjeanty02.github.io)
10 m
36 KiB
…img/citation.png
(vjeanty02.github.io)
10 m
29 KiB
…css/bootstrap.css
(vjeanty02.github.io)
10 m
22 KiB
…js/gmaps.js
(vjeanty02.github.io)
10 m
15 KiB
…img/title.png
(vjeanty02.github.io)
10 m
13 KiB
…js/bootstrap.js
(vjeanty02.github.io)
10 m
12 KiB
…img/agence-la-panthere-monochrome.svg
(vjeanty02.github.io)
10 m
10 KiB
…img/title2.png
(vjeanty02.github.io)
10 m
8 KiB
…css/font-awesome.css
(vjeanty02.github.io)
10 m
8 KiB
…js/jquery.touchSwipe.js
(vjeanty02.github.io)
10 m
6 KiB
/Starting-website-2/style.css
(vjeanty02.github.io)
10 m
5 KiB
…js/blocs.js
(vjeanty02.github.io)
10 m
4 KiB
…css/et-line.css
(vjeanty02.github.io)
10 m
2 KiB
…img/lines-h2-bg.png
(vjeanty02.github.io)
10 m
2 KiB
Assurez-vous que le texte reste visible pendant le chargement des polices Web
Utilisez la fonction d'affichage de la police CSS afin que le texte soit visible par l'utilisateur pendant le chargement des polices Web. En savoir plusFCPLCP
URL
Économies potentielles
…fonts/et-line.woff
(vjeanty02.github.io)
90 ms
…fonts/fontawesome-webfont.woff2?v=4.7.0
(vjeanty02.github.io)
90 ms
Les éléments d'image ne possèdent pas de width ni de height explicites
Indiquez une largeur et une hauteur explicites sur les éléments d'image afin de réduire les décalages de mise en page et d'améliorer le CLS. En savoir plusCLS
URL
paris web design logo agence web meilleure agence et refonte site web journal
<img src="img/1.jpg" alt="paris web design logo agence web meilleure agence et refonte site web jour…" class="img-responsive portfolio-thumb">
…img/1.jpg
(vjeanty02.github.io)
paris web design logo agence web meilleure agence, Création d'un site web pour …
<img src="img/2.jpg" class="img-responsive portfolio-thumb" alt="paris web design logo agence web meilleure agence, Création d'un site web …">
…img/2.jpg
(vjeanty02.github.io)
Agence La Panthère, agence web paris, création logo paris
<img src="img/logo.png" class="center-block image-resize-mode" width="100" alt="Agence La Panthère, agence web paris, création logo paris">
…img/logo.png
(vjeanty02.github.io)
paris web design logo agence web meilleure agence, Création d'un site web pour …
<img src="img/3.bmp" class="img-responsive portfolio-thumb" alt="paris web design logo agence web meilleure agence, Création d'un site web …">
…img/3.bmp
(vjeanty02.github.io)
paris web design logo agence web meilleure agence, Création d'un site web pour …
<img src="img/4.bmp" class="img-responsive portfolio-thumb" alt="paris web design logo agence web meilleure agence, Création d'un site web …">
…img/4.bmp
(vjeanty02.github.io)
agence web, agence web paris, web design paris, stratégie web
<img alt="agence web, agence web paris, web design paris, stratégie web" src="img/citation.png">
…img/citation.png
(vjeanty02.github.io)
agence web, agence web paris, web design paris, stratégie web
<img alt="agence web, agence web paris, web design paris, stratégie web" src="img/title.png">
…img/title.png
(vjeanty02.github.io)
agence web, agence web paris, web design paris, stratégie web
<img alt="agence web, agence web paris, web design paris, stratégie web" src="img/title2.png">
…img/title2.png
(vjeanty02.github.io)
paris web design logo agence web meilleure agence
<img src="img/agence-la-panthere-monochrome.svg" alt="paris web design logo agence web meilleure agence" height="40">
…img/agence-la-panthere-monochrome.svg
(vjeanty02.github.io)
Évitez d'énormes charges utiles de réseau La taille totale était de 3 900 Kio
Les charges utiles des grands réseaux coûtent de l'argent réel aux utilisateurs et sont fortement corrélées aux délais de chargement interminables. En savoir plusLCP
URL
Taille de transfert
…img/image-de-presentation.bmp
(vjeanty02.github.io)
2 101,9 KiB
…img/agence-la-panthere.jpg
(vjeanty02.github.io)
600,9 KiB
…img/1.jpg
(vjeanty02.github.io)
267,2 KiB
…img/4.bmp
(vjeanty02.github.io)
219,8 KiB
…img/3.bmp
(vjeanty02.github.io)
167,1 KiB
…img/2.jpg
(vjeanty02.github.io)
107,4 KiB
…img/texture-paper.png
(vjeanty02.github.io)
94,6 KiB
…fonts/fontawesome-webfont.woff2?v=4.7.0
(vjeanty02.github.io)
76,0 KiB
…fonts/et-line.woff
(vjeanty02.github.io)
54,6 KiB
…img/logo.png
(vjeanty02.github.io)
36,3 KiB
Évitez de créer des chaînes de requêtes critiques 8 chaînes trouvées
Les chaînes de demandes critiques ci-dessous vous montrent quelles ressources sont chargées avec une priorité élevée. Envisagez de réduire la longueur des chaînes et la taille de téléchargement des ressources ou de reporter le téléchargement de ressources inutiles afin d'améliorer le chargement des pages. En savoir plusFCPLCP
Latence de chemin d'accès critique maximale : 690 ms
Navigation initiale
/Starting-website-2/
(vjeanty02.github.io)
…css/bootstrap.css
(vjeanty02.github.io)
- 100 ms, 22,23 KiB
/Starting-website-2/style.css
(vjeanty02.github.io)
- 90 ms, 4,58 KiB
…css/font-awesome.css
(vjeanty02.github.io)
…fonts/fontawesome-webfont.woff2?v=4.7.0
(vjeanty02.github.io)
- 90 ms, 76,05 KiB
…css/et-line.css
(vjeanty02.github.io)
…fonts/et-line.woff
(vjeanty02.github.io)
- 90 ms, 54,62 KiB
…js/jquery-2.1.0.js
(vjeanty02.github.io)
- 90 ms, 35,51 KiB
…js/bootstrap.js
(vjeanty02.github.io)
- 90 ms, 11,63 KiB
…js/blocs.js
(vjeanty02.github.io)
- 90 ms, 3,84 KiB
…js/gmaps.js
(vjeanty02.github.io)
- 90 ms, 14,91 KiB
Réduisez au maximum le nombre de requêtes et la taille des transferts 25 requêtes• 3 900 Kio
Pour définir des budgets liés à la quantité et à la taille des ressources de pages, ajoutez un fichier budget.json. En savoir plus
Type de ressource
Requêtes
Taille de transfert
Total
25
3 899,6 KiB
Image
13
3 656,2 KiB
Police de caractères
2
130,7 KiB
Script
5
72,2 KiB
Feuille de style
4
36,8 KiB
Document
1
3,7 KiB
Contenu multimédia
0
0,0 KiB
Autre
0
0,0 KiB
Tiers
0
0,0 KiB
Élément identifié comme "Largest Contentful Paint" 1 élément trouvé
Il s'agit de l'élément identifié comme "Largest Contentful Paint" dans la fenêtre d'affichage. En savoir plusLCP
Élément
Agence La Panthère CONTACT
<div class="bloc bgc-dark-slate-blue bg-banniere d-bloc bg-t-edge bloc-bg-texture text…" id="bloc-1-hero">
Éviter les changements de mise en page importants 5 éléments trouvés
Ces éléments DOM contribuent en grande partie au CLS de la page.CLS
Élément
Contribution au CLS
WEB DESIGN Que vous ayez un site web qui a besoin d’un rafraîchissement ou que…
<div class="bloc bgc-white l-bloc" id="bloc-2-services">
0,096
body > div.page-container > div#bloc-3-what-i-do > ::before
<::before>
0,013
CONTACT
<div class="text-center">
0,012
Agence La Panthère
<h1 class="text-center hero-bloc-text tc-white ">
0,006
agence web, agence web paris, web design paris, stratégie web
<div class="row voffset-lg voffset">
0,003
Évitez les tâches longues dans le thread principal 7 tâches longues trouvées
Indique les tâches les plus longues du thread principal, ce qui est utile pour identifier celles qui entraînent le plus de retard. En savoir plusTBT
URL
Heure de début
Durée
/Starting-website-2/
(vjeanty02.github.io)
384 ms
109 ms
…js/bootstrap.js
(vjeanty02.github.io)
580 ms
88 ms
…js/jquery-2.1.0.js
(vjeanty02.github.io)
493 ms
87 ms
…js/jquery.touchSwipe.js
(vjeanty02.github.io)
3 110 ms
81 ms
Unattributable
303 ms
73 ms
Unattributable
668 ms
68 ms
/Starting-website-2/
(vjeanty02.github.io)
247 ms
56 ms
Plus d'informations sur les performances de votre application. Ces chiffres n'ont pas d'incidence directe sur le score lié aux performances.
Audits réussis (26)
Afficher Masquer
Différez le chargement des images hors écran
Envisagez de charger des images masquées ou hors écran après le chargement de toutes les ressources essentielles afin de réduire le délai avant interactivité. En savoir plus
Réduisez la taille des ressources CSS Économies potentielles de 4 Kio
La réduction des fichiers CSS peut réduire la taille des charges utiles de réseau. En savoir plusFCPLCP
URL
Taille de transfert
Économies potentielles
…css/bootstrap.css
(vjeanty02.github.io)
22,2 KiB
4,4 KiB
Réduisez la taille des ressources JavaScript Économies potentielles de 22 Kio
La minimisation des fichiers JavaScript peut réduire la taille des charges utiles et la durée d'analyse des scripts. En savoir plusFCPLCP
URL
Taille de transfert
Économies potentielles
…js/jquery-2.1.0.js
(vjeanty02.github.io)
35,5 KiB
14,6 KiB
…js/gmaps.js
(vjeanty02.github.io)
14,9 KiB
4,6 KiB
…js/bootstrap.js
(vjeanty02.github.io)
11,6 KiB
3,2 KiB
Réduisez les ressources CSS inutilisées Économies potentielles de 21 Kio
Réduisez les règles inutilisées des feuilles de style et différez les ressources CSS non utilisées pour le contenu au-dessus de la ligne de flottaison afin de réduire la quantité d'octets consommés par l'activité réseau. En savoir plusFCPLCP
URL
Taille de transfert
Économies potentielles
…css/bootstrap.css
(vjeanty02.github.io)
22,2 KiB
21,2 KiB
Réduisez les ressources JavaScript inutilisées Économies potentielles de 23 Kio
Réduisez les ressources JavaScript inutilisées et différez le chargement des scripts tant qu'ils ne sont pas requis afin de réduire la quantité d'octets consommés par l'activité réseau. En savoir plusLCP
URL
Taille de transfert
Économies potentielles
…js/jquery-2.1.0.js
(vjeanty02.github.io)
35,5 KiB
23,1 KiB
Activez la compression de texte
Les ressources textuelles doivent être diffusées compressées (Gzip, Deflate ou Brotli) pour réduire le nombre total d'octets du réseau. En savoir plusFCPLCP
Connectez-vous à l'avance aux origines souhaitées
Envisagez d'ajouter les indices de ressources `preconnect` ou `dns-prefetch` pour établir les premières connexions avec des origines tierces importantes. Découvrez-en davantage.FCPLCP
Le temps de réponse initial du serveur était court Le document racine a pris 70 ms
Le temps de réponse du serveur pour le document principal doit rester court, car toutes les autres requêtes en dépendent. En savoir plusFCPLCP
URL
Temps passé
/Starting-website-2/
(vjeanty02.github.io)
70 ms
Évitez les redirections de page multiples
Les redirections entraînent des retards supplémentaires avant que la page ne puisse être chargée. En savoir plusFCPLCP
Préchargez les demandes clés
Envisagez d'utiliser `<link rel=preload>` pour hiérarchiser la récupération des ressources actuellement requises pour le chargement ultérieur de la page. En savoir plusFCPLCP
Utilisez des formats vidéo pour le contenu animé
Les grandes images GIF sont inefficaces pour diffuser du contenu animé. Envisagez d'utiliser des vidéos MPEG4/WebM pour les animations et PNG/WebP pour les images statiques au lieu d'images GIF afin d'économiser des octets réseau. En savoir plusLCP
Supprimez les modules en double dans les groupes JavaScript
Supprimez les modules JavaScript volumineux et en double de vos groupes pour réduire les débits d'octets superflus sur le réseau. TBT
Évitez d'utiliser de l'ancien code JavaScript dans les navigateurs récents
Les polyfills et les attributs "transform" permettent aux anciens navigateurs d'utiliser les nouvelles fonctionnalités JavaScript. Dans la majorité des cas cependant, ils ne sont pas nécessaires aux navigateurs modernes. Adoptez une stratégie de déploiement de script moderne pour votre groupe JavaScript : utilisez la détection de fonctionnalité module/nomodule pour réduire la quantité de code envoyée aux navigateurs modernes tout en continuant de prendre en charge les plus anciens. En savoir plusTBT
Précharger l'image Largest Contentful Paint
Préchargez l'image utilisée par l'élément LCP pour améliorer la durée de votre LCP. En savoir plusLCP
URL
Économies potentielles
Agence La Panthère CONTACT
<div class="bloc bgc-dark-slate-blue bg-banniere d-bloc bg-t-edge bloc-bg-texture text…" id="bloc-1-hero">
…img/agence-la-panthere.jpg
(vjeanty02.github.io)
0 ms
Éviter une taille excessive de DOM 174 éléments
Un grand DOM sollicite davantage la mémoire, et entraîne de plus longs calculs de style et de coûteux ajustements de la mise en page. En savoir plusTBT
Statistique
Élément
Valeur
Nombre total d'éléments DOM
174
Profondeur maximum de DOM
div.col-sm-3 > div.text-center > a.social > span.fa
<span class="fa fa-twitter icon-md">
11
Nombre maximal d'éléments enfants
annuaireagence.com annuaireseo.com annuairemarketing.com 123seo.com 123site.com…
<ul>
9
Marques et mesures du temps utilisateur
Envisagez de doter votre application de l'API User Timing pour mesurer ses performances réelles lors d'expériences utilisateur clés. En savoir plus
Délai d'exécution de JavaScript 0,2 s
Envisagez de réduire le temps consacré à l'analyse, la compilation et l'exécution de JavaScript. La livraison de charges utiles JavaScript plus petites peut vous aider. En savoir plusTBT
URL
Temps CPU total
Évaluation des scripts
Analyse des scripts
/Starting-website-2/
(vjeanty02.github.io)
338 ms
5 ms
2 ms
Unattributable
197 ms
2 ms
0 ms
…js/jquery-2.1.0.js
(vjeanty02.github.io)
180 ms
163 ms
4 ms
Réduire le travail du thread principal 0,7 s
Envisagez de réduire le temps consacré à l'analyse, la compilation et l'exécution de JavaScript. La livraison de charges utiles JavaScript plus petites peut vous aider. En savoir plusTBT
Catégorie
Temps passé
Other
224 ms
Script Evaluation
176 ms
Style & Layout
121 ms
Rendering
117 ms
Parse HTML & CSS
90 ms
Script Parsing & Compilation
9 ms
Réduire au maximum l'utilisation de code tiers
Le code tiers peut affecter considérablement les performances de chargement des pages. Limitez le nombre de fournisseurs tiers redondants, et essayez de charger du code tiers une fois le chargement de votre page terminé. En savoir plusTBT
Ressources tierces pouvant être chargées de façon différée avec des façades
Certaines intégrations tierces peuvent être chargées de manière différée. Vous pouvez envisager de les remplacer par une façade tant qu'elles ne sont pas requises. En savoir plusTBT
L'image Largest Contentful Paint n'a pas eu de chargement différé
Les images de la partie au-dessus de la ligne de flottaison qui ont un chargement différé sont rendues plus tard dans le cycle de vie de la page, ce qui peut retarder Largest Contentful Paint. En savoir plus
Élément
Agence La Panthère CONTACT
<div class="bloc bgc-dark-slate-blue bg-banniere d-bloc bg-t-edge bloc-bg-texture text…" id="bloc-1-hero">
La page utilise des écouteurs d'événements passifs pour améliorer les performances de défilement
Envisagez de marquer vos écouteurs d'événements tactiles et à la molette comme `passive` pour améliorer les performances de défilement de votre page. En savoir plus
Évite document.write()
Pour les utilisateurs rencontrant des problèmes de connexion lente, les scripts externes injectés dynamiquement via `document.write()` peuvent retarder le chargement des pages de plusieurs dizaines de secondes. En savoir plus
Éviter les animations non composées
Les animations non composées peuvent être lentes et augmenter le CLS. En savoir plusCLS
Une balise <meta name="viewport"> ayant l'attribut width ou initial-scale est configurée
Un `<meta name="viewport">` optimise votre appli pour les tailles d'écrans de mobiles, mais empêche aussi un délai d'entrée utilisateur de 300 millisecondes. En savoir plusTBT
Permet d'éviter les écouteurs d'événements unload
L'événement `unload` ne se déclenche pas de manière fiable, et son analyse risque d'empêcher les optimisations du navigateur telles que la mise en cache des pages précédentes et suivantes. Utilisez plutôt les événements `pagehide` ou `visibilitychange`. En savoir plus
81
Accessibilité
Ces vérifications permettent de connaître les possibilités d'amélioration de l'accessibilité de vos applications Web. Seule une partie des problèmes d'accessibilité peut être détectée automatiquement. Il est donc conseillé d'effectuer un test manuel.
Contraste
Les couleurs d'arrière-plan et de premier plan ne sont pas suffisamment contrastées
Un texte faiblement contrasté est difficile, voire impossible à lire pour de nombreux utilisateurs. En savoir plus
Éléments non conformes
Agence web à paris, stratégie web, web design, illustrations, design de site we…
<div class="keywords" style="color:#cccccc;font-size:1px;">
Agence web à paris, stratégie web, web design, illustrations, design de site we…
<div class="bloc bgc-white l-bloc " id="bloc-0">
Agence La Panthère - Agence web basée à Lyon.
<p class="text-center white">
Agence La Panthère - Agence web basée à Lyon. Agence web à paris, stratégie w…
<div class="bloc bgc-atomic-tangerine d-bloc" id="bloc-8">
voiture.com
<a href="voiture.com">
Agence La Panthère - Agence web basée à Lyon. Agence web à paris, stratégie w…
<div class="bloc bgc-atomic-tangerine d-bloc" id="bloc-8">
pizza.com
<a href="pizza.com">
Agence La Panthère - Agence web basée à Lyon. Agence web à paris, stratégie w…
<div class="bloc bgc-atomic-tangerine d-bloc" id="bloc-8">
matoiture.com
<a href="matoiture.com">
Agence La Panthère - Agence web basée à Lyon. Agence web à paris, stratégie w…
<div class="bloc bgc-atomic-tangerine d-bloc" id="bloc-8">
immobilierseo.com
<a href="immobilierseo.com">
Agence La Panthère - Agence web basée à Lyon. Agence web à paris, stratégie w…
<div class="bloc bgc-atomic-tangerine d-bloc" id="bloc-8">
annuaireagence.com
<a href="annuaireagence.com">
Agence La Panthère - Agence web basée à Lyon. Agence web à paris, stratégie w…
<div class="bloc bgc-atomic-tangerine d-bloc" id="bloc-8">
annuaireseo.com
<a href="annuaireseo.com">
Agence La Panthère - Agence web basée à Lyon. Agence web à paris, stratégie w…
<div class="bloc bgc-atomic-tangerine d-bloc" id="bloc-8">
annuairemarketing.com
<a href="annuairemarketing.com">
Agence La Panthère - Agence web basée à Lyon. Agence web à paris, stratégie w…
<div class="bloc bgc-atomic-tangerine d-bloc" id="bloc-8">
123seo.com
<a href="123seoture.com">
Agence La Panthère - Agence web basée à Lyon. Agence web à paris, stratégie w…
<div class="bloc bgc-atomic-tangerine d-bloc" id="bloc-8">
123site.com
<a href="123site.com">
Agence La Panthère - Agence web basée à Lyon. Agence web à paris, stratégie w…
<div class="bloc bgc-atomic-tangerine d-bloc" id="bloc-8">
annuairewordpress.com
<a href="annuairewordpress.com">
Agence La Panthère - Agence web basée à Lyon. Agence web à paris, stratégie w…
<div class="bloc bgc-atomic-tangerine d-bloc" id="bloc-8">
listeagence.com
<a href="listeagence.com">
Agence La Panthère - Agence web basée à Lyon. Agence web à paris, stratégie w…
<div class="bloc bgc-atomic-tangerine d-bloc" id="bloc-8">
meilleuresagencesparis.com
<a href="meilleuresagencesparis.com">
Agence La Panthère - Agence web basée à Lyon. Agence web à paris, stratégie w…
<div class="bloc bgc-atomic-tangerine d-bloc" id="bloc-8">
listeseo.com
<a href="listeseo.com">
Agence La Panthère - Agence web basée à Lyon. Agence web à paris, stratégie w…
<div class="bloc bgc-atomic-tangerine d-bloc" id="bloc-8">
betterseo.com
<a href="betterseo.com">
Agence La Panthère - Agence web basée à Lyon. Agence web à paris, stratégie w…
<div class="bloc bgc-atomic-tangerine d-bloc" id="bloc-8">
ameliorerseo.com
<a href="ameliorerseo.com">
Agence La Panthère - Agence web basée à Lyon. Agence web à paris, stratégie w…
<div class="bloc bgc-atomic-tangerine d-bloc" id="bloc-8">
seojuicelien.com
<a href="seojuicelien.com">
Agence La Panthère - Agence web basée à Lyon. Agence web à paris, stratégie w…
<div class="bloc bgc-atomic-tangerine d-bloc" id="bloc-8">
meilleursliens.com
<a href="meilleursliens.com">
Agence La Panthère - Agence web basée à Lyon. Agence web à paris, stratégie w…
<div class="bloc bgc-atomic-tangerine d-bloc" id="bloc-8">
liensagogo.com
<a href="liensagogo.com">
Agence La Panthère - Agence web basée à Lyon. Agence web à paris, stratégie w…
<div class="bloc bgc-atomic-tangerine d-bloc" id="bloc-8">
backlink.com
<a href="backlink.com">
Agence La Panthère - Agence web basée à Lyon. Agence web à paris, stratégie w…
<div class="bloc bgc-atomic-tangerine d-bloc" id="bloc-8">
linkjuiceannuaire.com
<a href="linkjuiceannuaire.com">
Agence La Panthère - Agence web basée à Lyon. Agence web à paris, stratégie w…
<div class="bloc bgc-atomic-tangerine d-bloc" id="bloc-8">
remontersurgoogle.com
<a href="remontersurgoogle.com">
Agence La Panthère - Agence web basée à Lyon. Agence web à paris, stratégie w…
<div class="bloc bgc-atomic-tangerine d-bloc" id="bloc-8">
vraiseofiable.com
<a href="vraiseofiable.com">
Agence La Panthère - Agence web basée à Lyon. Agence web à paris, stratégie w…
<div class="bloc bgc-atomic-tangerine d-bloc" id="bloc-8">
Servez-vous de ces indications pour améliorer la lisibilité de votre contenu.
Internationalisation et localisation
La valeur de l'attribut [lang] de l'élément <html> n'est pas valide.
Le fait de spécifier une langue BCP 47 valide permet d'aider les lecteurs d'écran à énoncer correctement le texte. En savoir plus
Éléments non conformes
html
<html lang="Default">
Servez-vous de ces indications pour améliorer l'interprétation de votre contenu en fonction des différents paramètres régionaux choisis par les utilisateurs.
Noms et étiquettes
Les liens n'ont pas de nom visible
Rédigez du texte visible et unique pour les liens (et pour le texte de substitution des images, si vous vous en servez dans des liens), afin que les utilisateurs de lecteurs d'écran puissent facilement positionner le curseur dessus et bénéficient d'une meilleure expérience de navigation. En savoir plus
Éléments non conformes
div.row > div.col-sm-3 > div.text-center > a.social
<a class="social" href="index.html">
div.row > div.col-sm-3 > div.text-center > a.social
<a class="social" href="index.html">
div.row > div.col-sm-3 > div.text-center > a.social
<a class="social" href="index.html">
div.row > div.col-sm-3 > div.text-center > a.social
<a class="social" href="index.html">
Servez-vous de ces indications pour améliorer la sémantique des éléments de contrôle de votre application. Vous optimiserez ainsi l'expérience des utilisateurs de technologies d'assistance, comme les lecteurs d'écran.
Navigation
Les éléments d'en-tête ne sont pas classés séquentiellement par ordre décroissant
Les en-têtes correctement classés qui respectent les niveaux transmettent la structure sémantique de la page, ce qui garantit une navigation plus aisée et permet d'identifier plus facilement dans quels cas utiliser les technologies d'assistance. En savoir plus
Éléments non conformes
WEB DESIGN
<h3 class="mg-md text-center">
Servez-vous de ces indications pour améliorer la navigation au clavier de votre application.
Autres éléments à vérifier manuellement (10)
Afficher Masquer
The page has a logical tab order
Tabbing through the page follows the visual layout. Users cannot focus elements that are offscreen. Learn more.
Interactive controls are keyboard focusable
Custom interactive controls are keyboard focusable and display a focus indicator. Learn more.
Interactive elements indicate their purpose and state
Interactive elements, such as links and buttons, should indicate their state and be distinguishable from non-interactive elements. Learn more.
The user's focus is directed to new content added to the page
If new content, such as a dialog, is added to the page, the user's focus is directed to it. Learn more.
User focus is not accidentally trapped in a region
A user can tab into and out of any control or region without accidentally trapping their focus. Learn more.
Custom controls have associated labels
Custom interactive controls have associated labels, provided by aria-label or aria-labelledby. Learn more.
Custom controls have ARIA roles
Custom interactive controls have appropriate ARIA roles. Learn more.
Visual order on the page follows DOM order
DOM order matches the visual order, improving navigation for assistive technology. Learn more.
Offscreen content is hidden from assistive technology
Offscreen content is hidden with display: none or aria-hidden=true. Learn more.
HTML5 landmark elements are used to improve navigation
Landmark elements (<main>, <nav>, etc.) are used to improve the keyboard navigation of the page for assistive technology. Learn more.
Ces éléments concernent des zones qu'un outil de test automatique ne peut pas couvrir. Consultez notre guide sur la réalisation d'un examen d'accessibilité.
Audits réussis (9)
Afficher Masquer
[aria-hidden="true"] ne figure pas sur le document <body>
Les technologies d'assistance, telles que les lecteurs d'écran, présentent un fonctionnement irrégulier lorsque `aria-hidden="true"` est défini sur l'élément `<body>` du document. En savoir plus
Les éléments d'image possèdent des attributs [alt]
Les éléments informatifs doivent contenir un texte de substitution court et descriptif. L'attribut alt peut rester vide pour les éléments décoratifs. En savoir plus
[user-scalable="no"] n'est pas utilisé dans l'élément <meta name="viewport">, et l'attribut [maximum-scale] n'est pas inférieur à 5.
La désactivation de la fonction de zoom peut être problématique pour les utilisateurs qui ne voient pas bien et qui ont besoin d'agrandir le contenu d'une page Web pour en saisir le sens. En savoir plus
La page contient un titre, un lien "Ignorer" ou un point de repère
En ajoutant des méthodes pour contourner les contenus répétitifs, vous permettez aux internautes qui utilisent un clavier de naviguer plus efficacement sur la page. En savoir plus
Le document contient un élément <title>
Le titre donne aux utilisateurs de lecteurs d'écran un aperçu de la page. En outre, les moteurs de recherche s'appuient principalement sur ce dernier pour déterminer la pertinence du contenu proposé. En savoir plus
Les attributs [id] sur des éléments sélectionnables actifs sont uniques
Tous les éléments sélectionnables doivent être associés à un `id` unique pour qu'ils soient visibles par les technologies d'assistance. En savoir plus
L'élément <html> contient un attribut [lang]
Lorsqu'une page ne spécifie pas d'attribut "lang", les lecteurs d'écran considèrent qu'elle est rédigée dans la langue par défaut sélectionnée au moment de leur configuration par l'utilisateur. Si la page n'est pas rédigée dans cette langue par défaut, les lecteurs d'écran risquent de ne pas énoncer correctement son contenu. En savoir plus
Les listes contiennent uniquement des éléments <li> et des éléments de type script (<script> et <template>).
Les lecteurs d'écran ont une façon spécifique d'énoncer les listes. Pour leur permettre de donner de bons résultats, pensez à bien structurer ces dernières. En savoir plus
Les éléments de liste (<li>) sont inclus dans des éléments parents <ul> ou <ol>
Les lecteurs d'écran requièrent que les éléments de liste (`<li>`) soient contenus dans un élément parent `<ul>` ou `<ol>` pour les énoncer correctement. En savoir plus
Non applicable (31)
Afficher Masquer
Les valeurs [accesskey] sont uniques
Les clés d'accès permettent aux utilisateurs de positionner rapidement le curseur dans une partie spécifique de la page. Pour les aider à naviguer correctement, pensez à définir des clés d'accès uniques. En savoir plus
Les attributs [aria-*] correspondent à leurs rôles
Chaque `role` ARIA est rattaché à un sous-ensemble spécifique d'attributs `aria-*`. S'ils ne sont pas correctement associés, les attributs `aria-*` ne seront pas valides. En savoir plus
Les éléments button, link et menuitem ont des noms accessibles
Lorsqu'un élément n'a pas de nom accessible, les lecteurs d'écran l'annoncent avec un nom générique, ce qui le rend inutilisable pour les personnes qui se servent de tels outils. En savoir plus
Les éléments [aria-hidden="true"] ne contiennent pas de descendants sélectionnables
La présence de descendants sélectionnables dans un élément `[aria-hidden="true"]` empêche les utilisateurs de technologies d'assistance, telles que des lecteurs d'écran, de se servir de ces éléments interactifs. En savoir plus
Les champs de saisie ARIA ont des noms accessibles
Lorsqu'un champ de saisie n'a pas de nom accessible, les lecteurs d'écran l'annoncent avec un nom générique, ce qui le rend inutilisable pour les personnes qui se servent de tels outils. En savoir plus
Les éléments ARIA meter ont des noms accessibles
Lorsqu'un élément n'a pas de nom accessible, les lecteurs d'écran l'annoncent avec un nom générique, ce qui le rend inutilisable pour les personnes qui se servent de tels outils. En savoir plus
Les éléments ARIA progressbar ont des noms accessibles
Lorsqu'un élément `progressbar` n'a pas de nom accessible, les lecteurs d'écran l'annoncent avec un nom générique, ce qui le rend inutilisable pour les personnes qui se servent de tels outils. En savoir plus
Tous les éléments [role] contiennent les attributs [aria-*] requis
Certains rôles ARIA ont des attributs obligatoires qui décrivent l'état de l'élément aux lecteurs d'écran. En savoir plus
Les éléments ayant un [role] ARIA, qui exigent que les enfants incluent un [role] spécifique, possèdent tous les enfants requis.
Certains rôles ARIA parents doivent contenir des rôles enfants spécifiques afin de remplir correctement leurs fonctions d'accessibilité. En savoir plus
Les éléments [role] sont inclus dans l'élément parent approprié
Certains rôles ARIA enfants doivent être inclus dans un rôle parent spécifique afin de remplir correctement leurs fonctions d'accessibilité. En savoir plus
Les valeurs [role] sont valides
Les rôles ARIA doivent comporter des valeurs valides afin de remplir correctement leurs fonctions d'accessibilité. En savoir plus
Les champs d'activation/de désactivation ARIA ont des noms accessibles
Lorsqu'un champ d'activation/de désactivation n'a pas de nom accessible, les lecteurs d'écran l'annoncent avec un nom générique, ce qui le rend inutilisable pour les personnes qui se servent de tels outils. En savoir plus
Les éléments ARIA tooltip ont des noms accessibles
Lorsqu'un élément n'a pas de nom accessible, les lecteurs d'écran l'annoncent avec un nom générique, ce qui le rend inutilisable pour les personnes qui se servent de tels outils. En savoir plus
Les éléments ARIA treeitem ont des noms accessibles
Lorsqu'un élément n'a pas de nom accessible, les lecteurs d'écran l'annoncent avec un nom générique, ce qui le rend inutilisable pour les personnes qui se servent de tels outils. En savoir plus
Les attributs [aria-*] ont des valeurs valides
Les technologies d'assistance telles que les lecteurs d'écran ne peuvent pas interpréter les attributs ARIA si leurs valeurs ne sont pas valides. En savoir plus
Les attributs [aria-*] sont valides et correctement orthographiés
Les technologies d'assistance telles que les lecteurs d'écran ne peuvent pas interpréter les attributs ARIA si leurs noms ne sont pas valides. En savoir plus
Les boutons ont un nom accessible
Lorsqu'un bouton n'a pas de nom accessible, les lecteurs d'écran annoncent simplement qu'il s'agit d'un "bouton", ce qui le rend inutilisable pour les personnes qui se servent de tels outils. En savoir plus
Les éléments <dl> ne contiennent que des groupes <dt> et <dd> ainsi que des éléments <script>, <template> ou <div> dans le bon ordre.
Si les listes de définition ne sont pas correctement balisées, les lecteurs d'écran risquent de donner des résultats confus ou imprécis. En savoir plus
Les éléments de liste de définition sont encapsulés dans des éléments <dl>
Les éléments de liste de définition (`<dt>` et `<dd>`) doivent être encapsulés dans un élément `<dl>` parent afin que les lecteurs d'écran puissent les énoncer correctement. En savoir plus
Les ID ARIA sont uniques
La valeur d'un ID ARIA doit être unique afin que les différentes instances soient toutes prises en compte par les technologies d'assistance. En savoir plus
Aucun champ de formulaire ne comporte plusieurs libellés
Les champs de formulaire comprenant plusieurs libellés peuvent être annoncés par les technologies d'assistance comme des lecteurs d'écran utilisant le premier, le dernier ou tous les libellés, ce qui peut prêter à confusion. En savoir plus
Les éléments <frame> ou <iframe> ont un titre
Les lecteurs d'écran s'appuient sur le titre des frames pour décrire le contenu de ces derniers aux utilisateurs. En savoir plus
Les éléments <input type="image"> contiennent du texte [alt]
Lorsqu'une image est utilisée comme bouton `<input>`, vous pouvez aider les utilisateurs de lecteurs d'écran à comprendre son utilité en ajoutant un texte de substitution. En savoir plus
Les éléments de formulaire sont associés à des libellés
Les libellés permettent de s'assurer que les éléments de contrôle des formulaires sont énoncés correctement par les technologies d'assistance, comme les lecteurs d'écran. En savoir plus
Le document n'utilise pas de balise Meta <meta http-equiv="refresh">
Les utilisateurs ne s'attendent pas à ce qu'une page s'actualise automatiquement. De plus, lorsque cela se produit, le curseur est aussitôt repositionné en haut de la page. Cela peut générer de la frustration et perturber l'expérience utilisateur. En savoir plus
Les éléments <object> contiennent du texte de substitution
Les lecteurs d'écran ne peuvent pas traduire les contenus non textuels. En ajoutant un texte de substitution aux éléments `<object>`, vous aiderez les lecteurs d'écran à transmettre votre message aux utilisateurs. En savoir plus
Aucun élément n'a de valeur [tabindex] supérieure à 0
Une valeur supérieure à 0 implique un ordre de navigation explicite. Bien que cela soit valide d'un point de vue technique, cela crée souvent une expérience frustrante pour les utilisateurs qui s'appuient sur des technologies d'assistance. En savoir plus
Les cellules d'un élément <table> qui utilisent l'attribut [headers] font référence à des cellules figurant dans le même tableau.
Les lecteurs d'écran proposent des fonctionnalités qui permettent de naviguer plus simplement dans les tableaux. En vous assurant que les cellules `<td>` qui comportent l'attribut `[headers]` fassent référence à d'autres cellules dans le même tableau uniquement, vous pourrez améliorer l'expérience des utilisateurs de lecteurs d'écran. En savoir plus
Les éléments <th> et ceux portant l'attribut [role="columnheader"/"rowheader"] décrivent des cellules de données.
Les lecteurs d'écran proposent des fonctionnalités qui permettent de naviguer plus simplement dans les tableaux. En vous assurant que les en-têtes de tableaux fassent toujours référence à un ensemble de cellules spécifique, vous pourrez améliorer l'expérience des utilisateurs de lecteurs d'écran. En savoir plus
Les attributs [lang] ont une valeur valide
Le fait de spécifier une langue BCP 47 valide pour les éléments permet de s'assurer que le texte sera prononcé correctement par les lecteurs d'écran. En savoir plus
Les éléments <video> contiennent un élément <track> avec [kind="captions"]
Le fait d'ajouter des sous-titres à une vidéo rend cette dernière plus accessible aux personnes sourdes et malentendantes. En savoir plus
92
Bonnes pratiques
Fiabilité et sécurité
La page utilise des bibliothèques JavaScript frontales présentant des failles de sécurité connues 9 failles détectées
Certains scripts tiers peuvent présenter des failles de sécurité connues, faciles à identifier et à exploiter par des pirates informatiques. En savoir plus
Version de la bibliothèque
Nombre de failles
Extrême
Bootstrap@3.3.5
5
Moyenne
jQuery@2.1.0
4
Moyenne
Garantir l'efficacité de la CSP contre les attaques XSS
Une CSP (Content Security Policy) efficace réduit considérablement le risque d'attaques de script intersites (XSS). En savoir plus
Description
Directive
Gravité
Aucune CSP trouvée en mode de mise en conformité
Élevée
Général
Bibliothèques JavaScript détectées
Toutes les bibliothèques JavaScript frontales détectées sur la page. Découvrez-en davantage.
Nom
Version
Bootstrap
3.3.5
jQuery
2.1.0
Audits réussis (12)
Afficher Masquer
Requêtes HTTPS
Tous les sites doivent être protégés par le protocole HTTPS, même ceux qui ne traitent pas de données sensibles. Par conséquent, vous devez éviter le contenu mixte, qui provoque le chargement de certaines ressources sur HTTP bien que la demande initiale soit diffusée via HTTPS. Le protocole HTTPS empêche les intrus de détourner ou d’écouter passivement les communications entre votre application et les utilisateurs. Il constitue également une condition préalable à l'utilisation de HTTP/2 et de nombreuses nouvelles API de plates-formes Web. En savoir plus
Aucune autorisation de géolocalisation n'est demandée au chargement de la page
Les utilisateurs se méfient des sites qui demandent leur position sans contexte. Envisagez plutôt d'associer la demande à des actions de l'utilisateur. En savoir plus
Aucune autorisation d'envoi de notifications n'est demandée au chargement de la page
Les utilisateurs se méfient des sites qui demandent à envoyer des notifications sans contexte. Envisagez plutôt d'associer la demande à des gestes de l'utilisateur. En savoir plus
Autoriser les utilisateurs à copier un contenu dans les champs de mot de passe
Empêcher la copie de contenu dans les champs de mot de passe nuit aux règles de sécurité. En savoir plus
Images affichées au bon format
Les dimensions d'affichage des images doivent correspondre au format naturel. En savoir plus
Images diffusées dans la résolution appropriée
Pour que la clarté de l'image soit optimale, ses dimensions naturelles doivent être proportionnelles à la taille d'affichage et au taux de pixels. En savoir plus
La page n'a pas d'attribut doctype HTML
La spécification d'un attribut doctype empêche le navigateur de passer en mode quirks. Découvrez-en davantage.
Le charset est défini correctement
La déclaration d'encodage des caractères est obligatoire. Elle peut être effectuée avec une balise `<meta>` dans les 1 024 premiers octets du code HTML, ou dans l'en-tête de réponse HTTP Content-Type. En savoir plus
La page n'utilise pas d'API obsolètes
Les API obsolètes seront finalement supprimées du navigateur. En savoir plus
Aucune erreur de navigateur enregistrée dans la console
Les erreurs enregistrées dans la console indiquent des problèmes non résolus. Ces derniers peuvent être dus à des requêtes réseau qui ont échoué et à d'autres problèmes du navigateur. En savoir plus
Aucun problème dans le panneau Issues des outils de développement Chrome
Les problèmes enregistrés dans le panneau `Issues` des outils de développement Chrome indiquent des problèmes non résolus. Ceux-ci peuvent être dus à des requêtes réseau qui ont échoué, à des contrôles de sécurité insuffisants ou à d'autres problèmes du navigateur. Ouvrez le panneau "Issues" dans les outils de développement Chrome pour en savoir plus sur chaque problème.
La page contient des mappages source valides
Les mappages source traduisent le code minimisé pour obtenir le code source d'origine. Ce processus aide les développeurs à effectuer le débogage en phase de production. De plus, Lighthouse est en mesure de fournir d'autres renseignements. Envisagez de déployer des mappages source pour profiter de ces avantages. En savoir plus
Non applicable (1)
Afficher Masquer
Les polices qui utilisent font-display: optional sont préchargées
Préchargez les polices `optional` pour que les nouveaux visiteurs puissent les utiliser. En savoir plus
90
SEO
Ces vérifications confirment que votre page suit les conseils de base concernant le référencement naturel. De nombreux facteurs supplémentaires ne sont pas comptés par Lighthouse ici, mais peuvent affecter votre classement dans les résultats de recherche, y compris vos performances sur Signaux Web essentiels. En savoir plus
Bonnes pratiques relatives au contenu
Le document ne contient pas d'attribut "meta description"
Le texte de la description est vide.
Les résultats de recherche peuvent inclure des attributs "meta description" pour résumer de façon concise le contenu de la page. En savoir plus
Rédigez votre code HTML de sorte à autoriser les robots d'exploration à analyser le contenu de votre application.
Autres éléments à vérifier manuellement (1)
Afficher Masquer
Les données structurées sont valides
Exécutez l'outil de test des données structurées et le validateur Lint de données structurées pour valider les données structurées. En savoir plus
Exécutez ces outils de validation supplémentaires sur votre site pour vérifier les bonnes pratiques de SEO complémentaires.
Audits réussis (9)
Afficher Masquer
Une balise <meta name="viewport"> ayant l'attribut width ou initial-scale est configurée
Un `<meta name="viewport">` optimise votre appli pour les tailles d'écrans de mobiles, mais empêche aussi un délai d'entrée utilisateur de 300 millisecondes. En savoir plusTBT
Le document contient un élément <title>
Le titre donne aux utilisateurs de lecteurs d'écran un aperçu de la page. En outre, les moteurs de recherche s'appuient principalement sur ce dernier pour déterminer la pertinence du contenu proposé. En savoir plus
La page renvoie un code d'état HTTP de réussite
Les pages renvoyant des codes d'état HTTP d'échec peuvent ne pas être indexées correctement. En savoir plus
Les liens contiennent un texte descriptif
Le texte descriptif d'un lien aide les moteurs de recherche à comprendre votre contenu. En savoir plus
Les liens peuvent être explorés
Les moteurs de recherche peuvent utiliser les attributs `href` des liens pour explorer les sites Web. Assurez-vous que l'attribut `href` des éléments d'ancrage pointe vers une destination appropriée, pour que davantage de pages du site puissent être détectées. En savoir plus
L'indexation de cette page n'est pas bloquée
Les moteurs de recherche ne peuvent pas inclure vos pages dans les résultats de recherche s'ils ne sont pas autorisés à les explorer. En savoir plus
Les éléments d'image possèdent des attributs [alt]
Les éléments informatifs doivent contenir un texte de substitution court et descriptif. L'attribut alt peut rester vide pour les éléments décoratifs. En savoir plus
L'attribut hreflang du document est valide
Les liens hreflang indiquent aux moteurs de recherche la version de la page qu'ils doivent répertorier dans les résultats de recherche pour une page ou une région donnée. En savoir plus
Le document évite les plug-ins
Les moteurs de recherche ne peuvent pas indexer le contenu des plug-ins, et de nombreux appareils limitent l'utilisation de ces derniers, voire ne les acceptent pas. En savoir plus
Non applicable (4)
Afficher Masquer
Le fichier robots.txt est valide
Si votre fichier robots.txt n'est pas créé correctement, il se peut que les robots d'exploration ne puissent pas comprendre comment votre site Web doit être exploré ou indexé. Découvrez-en davantage.
L'attribut rel=canonical du document est valide
Les liens canoniques suggèrent l'URL à afficher dans les résultats de recherche. En savoir plus
Le document utilise des tailles de police lisibles
Les tailles de police inférieures à 12 pixels sont trop petites pour être lisibles et nécessitent que les visiteurs sur la version mobile pincent l'écran pour zoomer et lire le texte. Veuillez utiliser une police de texte de plus de 12 pixels sur plus de 60 % du texte de la page. En savoir plus
Les éléments tactiles sont dimensionnés correctement
Les éléments interactifs comme les boutons et les liens doivent être suffisamment larges (48 x 48 pixels) et avoir suffisamment d'espace autour d'eux pour que l'utilisateur puisse appuyer facilement dessus sans appuyer en même temps sur d'autres éléments. En savoir plus
PageSpeed Insights
You have turned off the paragraph player. You can turn it on again from the options page.